RequireJS使用
RequireJS
RequireJS是一个浏览器端AMD模块规范实现,相对于ES6 import语法,能够在不跨域的情况下导入,使用简单。
1 被导入端
被导入端需要在函数末尾调用define函数,将附加依赖模块名称作为第一个参数传入,第二个参数是一个返回导出项对象的函数:
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类型。作为第一个参数的列表元素和作为第二个参数的函数的参数是一一对应的,如果不依赖任何其它模块,第一个参数就是一个空列表,相对的第二个函数就没有参数。
2 导入端
顶层模块导入时需使用require函数声明所需模块:
window.onload = function() {
require(["car"], function(carModule) {
var car = new carmodule.Car();
car.drive();
});
} // main.js
上面导入了car.js模块并重命名为carModule。