js AMD规范介绍

关于javascript AMD规范更为基础的内容可以参阅javascript的AMD规范简单介绍一章节。

下面再来介绍一下AMD规范的相关知识。

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

语法结构:

define([id], [dependencies], factory);

参数解析:

（1）.id:可选，模块标识，可以省略。

（2）.dependencies: 可选，所依赖的模块，可以省略。

（3）.factory: 模块的实现，或者一个javascript对象。

代码实例:

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

定义一个alpha模块，依赖require，exports，beta模块。

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

定义个匿名模块，依赖alpha模块。

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

使用JSON定义一个没有依赖的匿名模块。

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

定义一个兼容Modules/Wrappings模块化规范的匿名模块。

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

模块加载:

require([module], callback)

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

[module]：是一个数组，里面的成员就是要加载的模块。

callback：是模块加载完成之后的回调函数。

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

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