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

posted @ 2012-11-15 18:11 rentj 阅读(...) 评论(...) 编辑 收藏