RequireJS使用注意地方

使用requirejs做非同步模組載入，有幾點值得注意的地方：

1.模組定義兩種寫法

1. 存在依賴的函式式定義

如果模組存在依賴：則第乙個引數是依賴的名稱陣列；第二個引數是函式，在模組的所有依賴載入完畢後，該函式會被呼叫來定義該模組，因此該模組應該返回乙個定義了本模組的object。依賴關係會以引數的形式注入到該函式上，引數列表與依賴名稱列表一一對應。

define(['a'], function
(aj) 
return
});

ps: 對模組的返回值型別並沒有強制為一定是個object，任何函式的返回值都是允許的。

2. commonjs模組格式定義

require ：用來引入依賴其他模組方法。

exports ：匯出模組變數或方法的物件。

module ：包含該模組的資訊。

require.config(
},paths: 
});

define(function
(require, exports, module) 
var hello2 = function
()     exports.hello =hello;
console.log("b.js : exports",  exports);
console.log("b.js : module", module);
console.log("b.js : config", module.config());
//不能一起用，return會覆蓋調前面的exports
/*return 
*/});

ps：return 物件和exports不能一起用，return會覆蓋調前面的exports。

下面是呼叫後列印的資訊：

exports：可以看出exports是module的乙個屬性。

module ：裡面包括了該模組的別名、uri、匯出物件、config資訊方法。

在requirejs中，基於requirejs.config()的config配置項來實現。

2. 警惕單例變數

警惕單例裡變數，因為requirejs在require一次後，之後的require都是使用之前的快取。所以當模組裡面定義了乙個變數後，只要在此require改變後，其他require也是保持一致的。

define(function
()  
var addindex = function
()     
var getindex = function
()     
return
});

呼叫：

require(['a',], function
(a) );
require(['a'], function
(a) );
});

上面分別列印的是：

0

2

這例子可以看出這幾個require都是共用乙個index變數。

3. 清除快取

因為requirejs有快取的功能，但是在開發的時候我們不希望它快取，就可以在require.config設定urlargs。

urlargs：requirejs獲取資源時附加在url後面的額外的query引數。

示例：

urlargs: "bust="    (new date()).gettime()

在開發中這很有用，但記得在部署到生成環境之前移除它。

4. 從其他包中載入模組

requirejs支援從commonjs包結構中載入模組，但需要一些額外的配置。

package config可為特定的包指定下述屬性：

1. name : 包名（用於模組名/字首對映）。

2. location : 磁碟上的位置。位置是相對於配置中的baseurl值，除非它們包含協議或以「/」開頭。

3. main : 當以「包名」發起require呼叫後，所應用的乙個包內的模組。

預設為「main」，除非在此處做了另外設定。

該值是相對於包目錄的。

例子：main.js

require.config(,],
urlargs: "bust="    (new
date()).gettime()
});require(["student/store", "teacher/tea"], function
(sto, tea) );

tea.js：

define(function
(require, exports, module) 
});

stu.js:

define(function
(require, exports, module) );

store.js:

define(function
(require, exports, module) 
});

這種從其他包載入模組的方式，我感覺有兩個怪異地方（我不是很明白，例子雖然調通）：

1. 其他包裡面的模組引用其他模組的寫法，使用者反而影響模組的寫法？

2. 其他包裡面的main.js好像沒有用了，沒內容都沒問題。

參考文獻

1. requirejs 中文網

更多專業前端知識，請上

【猿2048】www.mk2048.com

RequireJS使用注意地方

使用requirejs做非同步模組載入，有幾點值得注意的地方 1.模組定義兩種寫法 1.存在依賴的函式式定義如果模組存在依賴則第乙個引數是依賴的名稱陣列第二個引數是函式，在模組的所有依賴載入完畢後，該函式會被呼叫來定義該模組，因此該模組應該返回乙個定義了本模組的object。依賴關係會以引數的...

setInterval 使用注意的地方

我們實現動態網頁的時候，特別是輪播的時候，使用最多的函式就是setinterval 但是很多情況下，卻不能想要的結果，卻不知道錯誤處在什麼地方。下面的例子就說明了這個函式具體的執行順序。function 1500 我們可能會想，到底是先執行函式f，過了1.5秒後在執行一遍函式f呢，還是先數1.5秒後...

iptables 使用時注意的地方

1.目的想在atmel 開發板上實現雙網絡卡訪問,ppp0連線無線3g網路,eth0連線內網,便於內部出去和外部進來 2.動作設定iptables filter 和 nat表 iptables p forward drop iptables a forward m state state est...

RequireJS使用注意地方

RequireJS使用注意地方

setInterval 使用注意的地方

iptables 使用時注意的地方

相關推薦