RequireJS

RequireJS是一個瀏覽器端AMD模塊規(guī)范實現(xiàn)，相對于ES6 import語法，能夠在不跨域的情況下導入，使用簡單。

1 ?被導入端

被導入端需要在函數(shù)末尾調(diào)用define函數(shù)，將附加依賴模塊名稱作為第一個參數(shù)傳入，第二個參數(shù)是一個返回導出項對象的函數(shù)：

define(["drivable"], function(drivableModule){

????function Car() { }

????Car.prototype = new drivableModule.Drivable();

????Car.prototype.drive = function() {

????????console.log("Car driving...");

????}

????}

????return {

????????Car:Car

????}

}); // car.js

上面的模塊定義依賴于drivable.js模塊，并將其重新命名為drivableModule，導出Car類型。作為第一個參數(shù)的列表元素和作為第二個參數(shù)的函數(shù)的參數(shù)是一一對應的，如果不依賴任何其它模塊，第一個參數(shù)就是一個空列表，相對的第二個函數(shù)就沒有參數(shù)。

2 ?導入端

頂層模塊導入時需使用require函數(shù)聲明所需模塊：

window.onload = function() {

????require(["car"], function(carModule) {

????????var car = new carmodule.Car();

????????car.drive();

????});

} // main.js

上面導入了car.js模塊并重命名為carModule。