前端模組化的概念已經撲面而來，為什麼要模組化？

1.命名衝突

2.檔案依賴

為了解決上面的問題，我們使用閉包，名稱空間，還要考慮js檔案的載入順序，稍不留神就會出錯。

然而模組化的程式碼幫我們一次性解決了上面的問題，我們可以隨心所欲的命名，隨心所欲的引用，不用考慮載入順序，如此這般的清爽。

CommonJS，AMD(非同步模組定義)，CMD(通用模組定義)這三個都是JS模組化過程中產生的規範，其中CommonJS是伺服器端的，同步方式，應用的例子最常見的是NodeJS。而AMD和CMD是瀏覽器端的，非同步方式，最常見的是requireJs和seaJs。

CommonJS

過去，js一直應用在瀏覽器端，隨著web2.0和Html5的到來，可以供js呼叫的介面越來越豐富，js在瀏覽器能做的事情也越來越多。但是在後端，js卻因為一直沒有相關的標準而沒有用武之地。

CommonJS規範的提出，彌補了這種缺憾。規範涵蓋了模組，二進位制，Buffer，I/O流，程序環境，檔案系統，套接字，單元測試，包管理等。有了這些，才有了Node的出現。現在，Node的應用越來越廣泛，也促進了CommonJS規範的完善，它們互相起到了相輔相成的作用。因為commonJS應用在服務端，所以在引用模組（一個檔案就是一個模組）的時候，使用同步方式也不會影響到讀取的速度，但是在瀏覽器端，就要用到非同步讀取的AMD，CMD規範了。

http://www.commonjs.org/specs/ 這是commonJS的官網，網站對CommonJS的定義就是javascript：not just for browers any more!

這是CommonJS模組標準應用的一個簡單地例子，exports對外提供模組內部的方法，require用來引用模組，獲取其中通過exports對外提供的方法

AMD和CMD

AMD 是 RequireJS 在推廣過程中對模組定義的規範化產出，CMD是SeaJS 在推廣過程中對模組定義的規範化產出。

兩者的區別就是對所依賴模組的載入時間不同。AMD對依賴的模組式提前執行，CMD對於依賴模組是延遲執行。

//AMD
define(['./a','./b'], function (a, b) {
    a.foo();
    b.foo();
});

//CMD
define(function (requie, exports, module) {
    var a = require('./a');
    a.foo();
 
    var b = requie('./b');
    b.foo();
});