http://seajs.org/docs/ 進入官網點擊下載即可。 打開我們下載的文件,是這樣的:
關于怎樣使用這個問題,還是從舉個栗子開始吧~~~
如果我們現在有module1和module2兩個js文件 module1.js內容如下:
function show(){ alert(1); }function show(){ alert(2);}module2.js內容如下:
function show(){ alert(3); }用sea.js引入其他js文件:seajs.use('./js/module1.js')注意了注意了!:sea的默認根目錄是sea.js這個文件,注意路徑哦~
seajs.use('./js/module1.js',function (){ //兩個參數:第一個參數:模塊的地址;第二個參數:回調函數; alert(123); //當module1加載成功的時候彈出123 })用sea.js實現模塊化,解決沖突,依賴等問題:對module1里面的代碼做出如下改動:
define( function (require,exports,module){ //require,exports,module這三個參數是固定的,不允許修改的,相當于關鍵字 //可寫可不寫,如果要少寫的話,只能少寫后面的,不能少寫前面的, //比如可以寫require,exports,也可以寫require,不能寫exports,module,或者module。 //一般情況下都寫上比較好 function show(){ alert(1); } exports.fn1 = show ; //exports:對外提供接口的對象,讓show這個函數在外面能夠找到})function show(){ alert(2);}對module2里面的代碼做出如下改動:
define(function (require,exports,module){ function show(){ alert(3); } exports.fn2 = show ;})在我們的html里面正確調用不同js文件里面的函數seajs.use('./js/module1.js',function (){ //兩個參數:第一個參數:模塊的地址;第二個參數:回調函; ‘./js/module1.js’:sea的默認根目錄:sea.js這個文件 alert(123); //當module1加載成功的時候彈出123 }) seajs.use('./js/module1.js',function (ex){ //參數可以隨意起名,代表exports ex.fn1(); //調用module1 的exports.fn1 show(); //調用module1 的show }) //show(); 這樣調用不到module1里的內容 seajs.use('./js/module2.js',function (ex){ //參數可以隨意起名,代表exports ex.fn2(); //調用module2 的exports.fn1 show(); //調用module1 的show // ex.fn1(); 調用不到module1 的exports.fn1 })差不多就是這樣啦,get到了就會覺得不是很難吧,哈哈~
新聞熱點
疑難解答