RequireJS - AMD 模块
RequireJS 中的模块是一个作用域对象,在全局命名空间中不可用。因此,全局命名空间不会被污染。RequireJS 语法允许更快地加载模块,而无需担心跟踪依赖项的顺序。您可以在同一页面中加载同一模块的多个版本。
定义模块
模块是使用define()函数定义的;相同的函数也用于加载模块。
简单的名称/值对
如果模块只是名称和值对的集合,那么您可以使用以下语法 -
define({ state: "karnataka", city: "bangalore" });
定义函数
模块还可以使用框架的函数,而无需依赖。这可以通过使用以下语法来完成 -
define(function () { //Do setup work here return { state: "karnataka", city: "bangalore" } });
定义具有依赖关系的函数
如果模块具有依赖项,则第一个参数(依赖项名称数组)、第二个参数(定义函数)和定义模块的返回对象的位置如以下语法所示 -
define(["./mnc", "./startup"], function(mnc, startup) { return { state: "karnataka", city: "bangalore", addCompany: function() { mnc.decrement(this); startup.add(this); } } } );
将模块定义为函数
模块不强制只返回对象,也可以返回函数中的任何有效值。以下语法用于将模块定义为函数 -
define(["./mnc", "./startup"], function(mnc, startup) { return function(title) { return title ? (window.title = title) : startup.storeName + ' ' + mnc.name; } } );
用名称定义模块
在某些情况下,您可能必须包含模块的名称作为Define()的第一个参数。这可以通过使用以下语法来完成 -
define("js2/title", ["js1/mnc", "js1/startup"], function(mnc, startup) { //Define js2/title object in here. } );