摘要：他僅需簡(jiǎn)單地通過(guò)一個(gè)標(biāo)簽發(fā)起請(qǐng)求，是實(shí)現(xiàn)跨域服務(wù)調(diào)用一種公認(rèn)手段。為了在中使用服務(wù)，須要將參數(shù)的值指定為。該示例中，的參數(shù)為，因此告訴將響應(yīng)包裹到一個(gè)中

RequireJS的目的是鼓勵(lì)代碼的模塊化，它使用了不同于傳統(tǒng)script標(biāo)簽的腳本加載步驟?？梢杂盟鼇?lái)加速、優(yōu)化代碼，但其主要目的還是為了代碼的模塊化。它鼓勵(lì)在使用腳本時(shí)以module ID替代URL地址。
RequireJs以一個(gè)相對(duì)于baseUrl的地址來(lái)加載所有的代碼。頁(yè)面頂層script標(biāo)簽含有一個(gè)特殊屬性data-main,require.js使用它來(lái)啟動(dòng)腳本加載過(guò)程，而baseUrl一般設(shè)置到與該屬性相一致的目錄。

baseUrl亦可通過(guò)RequireJS config手動(dòng)設(shè)置。如果沒(méi)有顯式指定config及data-main,則默認(rèn)的baseUrl為包含RequireJS的那個(gè)HTML頁(yè)面的所屬目錄。

//app.js
require.config({
    baseUrl:"js/lib",
    paths:{
        app:"../app"
    }
});
require(["jquery","canvas","app/sub"],function($,canvas,sub){
    //....
})

注意在示例中，三方庫(kù)如Jquery沒(méi)有將版本號(hào)包含在它們的文件名中。我們建議將版本信息放置在多帶帶的文件中進(jìn)行跟蹤。
理想狀況下，沒(méi)個(gè)加載的腳本都是通過(guò)define()來(lái)定義的一個(gè)模塊；但是有些瀏覽器全局變量注入型的傳統(tǒng)/遺留庫(kù)并沒(méi)有使用define()來(lái)定義它們的依賴關(guān)系，你必須為此使用shim config來(lái)指明它們的依賴關(guān)系。如果你沒(méi)有指明依賴關(guān)系，加載可能報(bào)錯(cuò)。這是因?yàn)榛谒俣鹊脑?srequireJS會(huì)異步地以無(wú)序的形式加載這些庫(kù)。

require.js在加載的時(shí)候會(huì)檢查data-main屬性：

你可以在data-main指向的腳本中設(shè)置模板加載選項(xiàng)，然后加載第一個(gè)應(yīng)用模塊。注意：你再main.js中所這是的腳本是異步加載的。所以如果你在頁(yè)面中配置了其它JS加載，則不能保證它們所依賴的JS已經(jīng)加載成功。

//main.js
require.config({
    paths:{
        foo:"libs/foo-1.1.3"
    }
});
//other.js
require(["foo"],function(foo){})

模塊不同于傳統(tǒng)的腳本文件，它良好的定義了一個(gè)作用域來(lái)避免全局名稱空間污染。它可以顯式的列出其依賴關(guān)系，并以函數(shù)參數(shù)的形式將這些依賴進(jìn)行注入，而無(wú)需引用全局變量。requireJS的模塊是模塊模式的一個(gè)擴(kuò)展，其好處是無(wú)需全局引用其它模塊。
RequireJs模塊語(yǔ)法允許它盡快地加載多個(gè)模塊，雖然加載的順序不定，但依賴的順序最終是正確的。同時(shí)因?yàn)闊o(wú)需創(chuàng)建全局變量，甚至可以做到在同一頁(yè)面上同時(shí)加載同一模塊的不同版本。
如果一個(gè)模塊僅含值對(duì)，沒(méi)有任何依賴，則在define()中定義這些值就好了：

define({
    color:"black",
    size:"unisize"
})

如果一個(gè)模塊沒(méi)有任何依賴，但需要一個(gè)setup工作的函數(shù)，則在define()中定義該函數(shù)，并將其傳給define():

define(function(){
    return{
        color:"black",
        size:"unisize"
    }
})

如果模塊存在依賴：則第一個(gè)參數(shù)是依賴的名稱數(shù)組；第二個(gè)參數(shù)是函數(shù)，在模塊的所有依賴加載完畢后，該函數(shù)會(huì)被調(diào)用來(lái)定義該模塊，因此該模塊應(yīng)該返回一個(gè)定義了本模塊的object。依賴關(guān)系會(huì)以參數(shù)的形式注入到該函數(shù)上，參數(shù)列表與依賴名稱列表一一對(duì)應(yīng)。

define(["./cart","./inventory"],function(cart,inventory){
    return{
        color:"blue",
        size:"large",
        addToCart:function(){
            inventory.decrement(this);
            cart.add(this);
        }
    }
})

對(duì)模塊的返回值類(lèi)型并沒(méi)有強(qiáng)制為一定是個(gè)object，任何函數(shù)的返回值都是允許的。此處是一個(gè)返回了函數(shù)的模塊定義：

define(["my/cat","my/inventory"],{
    function(cart,inventory){
        return function(title){
            return title?(window.title = title):inventory.storeName+""+cart.name;
        }
    }
})

define()中的相對(duì)模塊名：為了可以在define()內(nèi)部使用諸如require("./relative/name")的調(diào)用以正確解析相對(duì)名稱，記得將require本身作為一個(gè)依賴注入到模塊中：

define(["require","./relative/name"],funciton(require){
    var mod = require("./relative/name")
})

或者更好地，使用下述轉(zhuǎn)換為CommonJS模塊所設(shè)的更短的語(yǔ)法：

define(function(require){
    var mod = require("./relative/name")
})

相對(duì)路徑在一些場(chǎng)景下格外有用，例如：為了以便于將代碼共享給其他人或項(xiàng)目，你在某個(gè)目錄下創(chuàng)建一些模塊。你可以訪問(wèn)模塊的相鄰模塊，無(wú)需知道該目錄的名稱。
生成相對(duì)于模塊的URL地址：你可能需要生成一個(gè)相對(duì)于模塊的URL地址。你可以將require作為一個(gè)依賴注入進(jìn)來(lái)，然后調(diào)用require.toUrl()以生成URL:

define(["require"],function(require){
    var cssUrl = require.toUrl("./style.css")
})

如果你定義了一個(gè)循環(huán)依賴（a依賴b，b同時(shí)依賴a），則在這種情形下當(dāng)b的模塊函數(shù)被調(diào)用的時(shí)候，它會(huì)得到一個(gè)undefined的a。b可以在模塊已經(jīng)定義好后用require()方法再獲取(記得將require作為依賴注入進(jìn)來(lái))：

//b.js
define(["require","a"],function(require,a){
    return function(title){
        return require("a").doSomething();
    }
})

一般說(shuō)你無(wú)需使用require()去獲取一個(gè)模塊，而是應(yīng)當(dāng)使用注入到模塊函數(shù)參數(shù)中的依賴。循環(huán)依賴比較罕見(jiàn)，它也是一個(gè)重構(gòu)代碼重新設(shè)計(jì)的i警示燈。
如果你熟悉CommonJS，你可以考慮使用exports為模塊建立一個(gè)空object，該object可以立即被其它模塊引用。再循環(huán)依賴的兩頭都如此操作之后，你就可以完全持有其它模塊了。這種方法僅在每個(gè)模塊都是輸出object作為模塊值的時(shí)候有效，換成函數(shù)無(wú)效。

//b.js
define(function(require,exports,module){
    var a = require("a");
    exports.foo = function(){
        return a.bar();
    }
})

或則，如果你使用依賴注入數(shù)組的步驟，則可用注入特殊exports來(lái)解決：

//b.js
define(["a","exports"],function(a,exports){
    exports.foo = function(){
        return a.bar();
    }
});

JSONP是在javascript中服務(wù)調(diào)用的一種方式。他僅需簡(jiǎn)單地通過(guò)一個(gè)script標(biāo)簽發(fā)起HTTP GET請(qǐng)求，是實(shí)現(xiàn)跨域服務(wù)調(diào)用一種公認(rèn)手段。
為了在RequireJS中使用JSON服務(wù)，須要將callback參數(shù)的值指定為define。這意味著你可將獲取到的JSONP URL的值看成是一個(gè)模塊定義。
下面是一個(gè)調(diào)用JSONP API端點(diǎn)的示例。該示例中，JSONP的callback參數(shù)為"callback"，因此"callback=define"告訴API將JSON響應(yīng)包裹到一個(gè)"define()"中：

require(["http://example.com/api/data.json?callback=define"],
    function (data) {
        //The data object will be the API response for the
        //JSONP data call.
        console.log(data);
    }
);