seajs第二節,seajs各模塊依賴關係

index.htmlhtml

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>seaJS學習第二節</title>
  //加上 值,可讓 直接獲取到自身路徑,而不須要經過其餘機制去自動獲取。這對性能和穩定性會有必定提高,推薦默認都加上。 <script src="modules/sea/sea.js" id=""></script> <script> seajs.use('./static/demo1/demoFn1.js',function(ex){ ex.show(); }); </script> </head> <body> </body> </html>seajsnodesea.jsseajsnode

demo1/demoFn1.js依賴demo2/demoFn1.jsnode

demo1/demoFn1.js性能

define(function(require,exports,module){
    //注意require根目錄是demoFn1.js所在目錄,若是要關聯的js文件是不在這個目錄裏,就要跳出去找
    var demo2 = require('./../../static/demo2/demoFn1.js').demo2; //require : 模塊之間依賴的接口
    function show(){
        alert(demo2);
    }
    exports.show = show;
});

demo2/demoFn1.js學習

define(function(require,exports,module){
    var demo2 = '我是demo2中聲明的變量';
    exports.demo2 = demo2;  //exports : 對外提供接口對象
});
相關文章
相關標籤/搜索