Modules/Wrappings 使得實現變為現實。雖然和NodeJS的模塊寫法不完全一致，但也有很多相似之處，使得熟悉NodeJS的程序員有一些親切感。

但NodeJS終究是服務器端的JavaScript，沒有必要把這些條條框框放到瀏覽器JavaScript環境中。這時AMD 誕生了，它的全稱為異步模塊定義。從名稱上看便知它是適合script tag的。也可以說AMD是專門為瀏覽器中JavaScript環境設計的規范。它吸取了CommonJS的一些優點，但又不照搬它的格式。開始AMD作為CommonJS的transport format 存在，因無法與CommonJS開發者達成一致而獨立存在。它有獨立的wiki 和討論組 。

AMD設計出一個簡潔的寫模塊API：define 。

define(id?, dependencies?, factory);

其中：

◆ id: 模塊標識，可以省略。

◆ dependencies: 所依賴的模塊，可以省略。

◆ factory: 模塊的實現，或者一個JavaScript對象。

id遵循CommonJS Module Identifiers 。dependencies元素的順序和factory參數一一對應。

以下是使用AMD模式開發的簡單三層結構(基礎庫/UI層/應用層)：

base.js

define(function() { 
    return { 
        mix: function(source, target) { 
        } 
    }; 
}); 

ui.js

define(['base'], function(base) { 
    return { 
        show: function() { 
            // todo with module base 
        } 
    } 
}); 

page.js

define(['data', 'ui'], function(data, ui) { 
    // init here 
}); 

data.js

define({ 
    users: [], 
    members: [] 
}); 

以上同時演示了define的三種用法，

1，定義無依賴的模塊(base.js)

2，定義有依賴的模塊(ui.js，page.js)

3，定義數據對象模塊(data.js)

細心的會發現，還有一種沒有出現，即具名模塊

define('index', ['data','base'], function(data, base) { 
    // todo 
}); 

具名模塊多數時候是不推薦的，一般由打包工具合并多個模塊到一個js文件中時使用。

前面提到dependencies元素的順序和factory一一對應，其實不太嚴謹。AMD開始為擺脫CommonJS的束縛，開創性的提出了自己的模塊風格。但后來又做了妥協，兼容了 CommonJS Modules/Wrappings 。即又可以這樣寫

define(function(require, exports, module) { 
    var base = require('base'); 
    exports.show = function() { 
        // todo with module base 
    }  
}); 

不考慮多了一層函數外，格式和NodeJS還比較象的。使用require獲取依賴模塊，使用exports導出API。

除了define外，AMD還保留一個關鍵字require。require 作為規范保留的全局標識符，可以實現為 module loader。也可以不實現。

目前，實現AMD的庫有RequireJS 、curl 、Dojo 、bdLoad、JSLocalnet 、Nodules 等。

也有很多庫支持AMD規范，即將自己作為一個模塊存在，如MooTools 、jQuery 、qwery 、bonzo 甚至還有 firebug 。

原文：http://www.cnblogs.com/snandy/archive/2012/03/12/2390782.html

【編輯推薦】

1. 性能優化：如何更快速加載你的JavaScript頁面
2. 從此不再懼怕URI編碼：JavaScript及C# URI編碼詳解
3. JavaScript設計模式之代理模式
4. 早該知道的7個JavaScript技巧
5. JavaScript:根本沒有“JSON對象”這回事！