一、模組化規範的由來

隨著網頁的複雜化，javascript程式碼也相應變得龐大起來，程式碼之間的分工合作就尤為重要了，這時候有了模組，我們就可以只關注自己業務的核心邏輯，其他想要實現的功能直接載入他人的模組便足夠了。考慮到模組的統一，便有了模組規範化。接下來介紹的模組化規範，包含：CommonJS，AMD，CMD。

二、三者的區別

AMD	CMD	CommonJS
預先載入	延遲載入	同步載入

三、CommonJS

node.js採用了此規範。一個檔案便是一個模組。使用全域性方法require（）載入某個模組，示例如下(在b模組中引入模組a)：

之前在對比三者的區別時有提到過，CommonJS是同步載入的，所以需要載入完成後才能執行後續操作，所以比較適合伺服器端。對於瀏覽器端而言，如果同步載入，網路太差的情況下會產生頁面“假死”現象。因此，只能選用非同步載入。

四、AMD和RequireJS

1.在說明AMD規範之前，我們有必要了解一下RequireJS：簡單來說，RequireJS就是為了管理模組間依賴，並且防止頁面失去響應而誕生的（可以不用理解，熟練使用後就能明白了）。
2.怎麼用：
- 從官網下載最新的版本，然後放在開發目錄中的js資料夾下
- 在主頁面index.html的最後引入這個js

async進行非同步載入，防止頁面假死，IE不識別這個屬性，所以還加入了defer。data-main是網頁的主模組，require會先載入這個js。
- 編寫主模組main.js
主模組需要採用config（）和require（）方法。首先需要使用require.config（）方法對模組的載入行為進行自定義，它需要寫在main.js的頭部。引數為一個物件，這個物件的path屬性指定各個模組的載入路徑（路徑可以是URL）。shim屬性則用來配置不相容的模組。

最後用require方法載入我們的模組，載入時候便使用了AMD規範

引數說明：第一個引數是一個Array，其中的成員即需要載入的模組，示例中依賴了jquery，underscore，backbone；第二個引數是回撥函式，當前面的模組載入完成後會執行該函式。
如果我們還依賴其他模組，比方說c.js，則c模組的寫法如下，需要使用到define（）方法：

引數說明同上，在define（）方法的最後需要使用return來暴露該模組的介面。

綜上，define（）定義模組，require（）呼叫模組，二者共同構成了AMD規範，可適應瀏覽器環境，並且能夠按需載入模組。

五、CMD和SeaJs

在第二節中已經說明過，AMD會預先載入依賴的模組，而CMD是延遲載入的，它是在SeaJS推行時候誕生的，所謂延遲載入就是用到的時候才載入。對比一下：

若有不妥之處，請大家指正。