瞭解JS模塊規範：AMD，CMD，CommonJS

 

隨着JS模塊化編程的發展，處理模塊之間的依賴關係成爲了維護的關鍵。

 

AMD,CMD,CommonJS是目前最經常使用的三種模塊化書寫規範。

CommonJS

CommonJS規範是誕生比較早的。Node.js(是一個Javascript運行環境(runtime))就採用了CommonJS。是這樣加載模塊：

// foo.js module.exports = function(x) { console.log(x); };  // main.js var foo = require("./foo"); foo("Hi");

這種寫法適合服務端，由於在服務器讀取模塊都是在本地磁盤，加載速度很快。可是若是在客戶端，加載模塊的時候有可能出現「假死」情況。好比上面的例子中clock的調用必須等待clock.js請求成功，加載完畢。

AMD

AMD，即 (Asynchronous Module Definition)，這種規範是異步的加載模塊，requireJs應用了這一規範。先定義全部依賴，而後在加載完成後的回調函數中執行：

require([module], callback);

用AMD寫上一個模塊：

require(['clock'],function(clock){
  clock.start();
});

AMD雖然實現了異步加載，可是開始就把全部依賴寫出來是不符合書寫的邏輯順序的，能不能像commonJS那樣用的時候再require，並且還支持異步加載後再執行呢？

CMD

CMD (Common Module Definition), 是seajs推崇的規範，CMD則是依賴就近，用的時候再require。它寫起來是這樣的：

define(function(require, exports, module) {
   var clock = require('clock');
   clock.start();
});

AMD和CMD最大的區別是對依賴模塊的執行時機處理不一樣，而不是加載的時機或者方式不一樣，兩者皆爲異步加載模塊。
AMD依賴前置，js能夠方便知道依賴模塊是誰，當即加載；而CMD就近依賴，須要使用把模塊變爲字符串解析一遍才知道依賴了那些模塊，這也是不少人詬病CMD的一點，犧牲性能來帶來開發的便利性，實際上解析模塊用的時間短到能夠忽略。

做者：乘着風
連接：http://www.jianshu.com/p/09ffac7a3b2c
來源：簡書
著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。