## AMD 異步模塊定義（Asynchronous Module Definition，簡稱AMD）已經引領了前端潮流，[`RequireJS`](http://requirejs.org/docs/) 已經是最流行的實現方式。 ### requireJS 官方API : http://requirejs.org/docs/api.html RequireJs 很好的解決了兩個問題及其優勢： 1. 實現js文件的異步加載，避免網頁失去響應； 2. 管理模塊之間的依賴性，便于代碼的編寫和維護。 3. 基于AMD模塊化機制，讓前端代碼也能實現模塊化。 一個導出模塊的例子 : `foo.js` ```js define(['jquery', 'underscore'], function ($, _) { // methods function a(){}; // private because it's not returned (see below) function b(){}; // public because it's returned function c(){}; // public because it's returned // exposed public methods return { b: b, c: c } }); ``` 定義的第一部分是依賴的數組，而第二部分基本上是僅在第一部分聲明好才能執行的回調函數。（像 RequireJS 這種腳本加載器才會關心這部分，包括找出依賴文件的位置） 注意：定義中的依賴順序很重要！ 還要注意的是，我們可以映射依賴到我們想要的變量上。如果我們將上面代碼中的`$`改為`$$`，那我們下面代碼的函數塊中引用到 `jQuery` 時都得用 `$$` 代替 `$` 。 最重要的一點是：你絕對不能在上述代碼外的函數中引用變量 `$` 和 `_` ，因為它對于外面來說就是一個不透明的沙箱。這就是那些規范想要達到的目標！ 引用腳本 : ```js require(['jquery'], function(a){ a('body').css({'background-color':'#f00'}); }); ``` 注意，這里引入 jquery，并沒有使用默認名稱 $ ，而是將之更名為 a，再進行調用。