Javascript AMD模块化规范

AMD是"Asynchronous Module Definition"的缩写，意思是"异步模块定义"。

模块定义
define(id?, dependencies?, factory);

其中：

• id: 模块标识，可以省略。
• dependencies: 所依赖的模块，可以省略。
• factory: 模块的实现，或者一个JavaScript对象。

代码示例1: 定义一个alpha模块，依赖require，exports，beta模块

define( "alpha" , [ "require" , "exports" , "beta" ], function  (require, exports, beta) {       exports.verb = function () {           return  beta.verb();           //Or:           return  require( "beta" ).verb();       } });

 

代码示例2: 定义个匿名模块，依赖alpha模块

define([ "alpha" ], function  (alpha) {      return  {          verb: function (){              return  alpha.verb() + 2;          }      }; });

 

代码示例3: 使用JSON定义一个没有依赖的匿名模块。

define({    add: function (x, y){      return  x + y;    } });

 

代码示例4：定义一个兼容Modules/Wrappings模块化规范的匿名模块。

Modules/Wrappings是CommonJS Modules的浏览器端解决方案。AMD规范兼容Modules/Wrappings。

define( function  (require, exports, beta) {      exports.verb = function () {          return  beta.verb();          //Or:          return  require( "beta" ).verb();      } });

 

模块加载
require([module], callback)

AMD模块化规范中使用全局或局部的require函数实现加载一个或多个模块，所有模块加载完成之后的回调函数。

其中：

• [module]：是一个数组，里面的成员就是要加载的模块；
• callback：是模块加载完成之后的回调函数。

代码示例：加载一个math模块，然后调用方法 math.add(2, 3);

require([ 'math' ], function  (math) { 　math.add(2, 3); });

相关链接：

https://github.com/seajs/seajs/issues/269
http://www.cnblogs.com/snandy/archive/2012/03/09/2386092.html
http://www.zhihu.com/question/20351507
http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html
http://seajs.org/docs/#docs