JavaScript的模块系统详解(三)

这是JavaScript模块系列的最后一篇，介绍AMD。

为什么？

AMD全称是Asynchronous Module Defintion，或者叫异步模块规范。它和CommonJS的最大区别就是AMD支持异步模块加载，有利于浏览器端应用的用户体验，它对异步加载的实现完全符合开发人员使用传统闭包的习惯：

//Calling define with a dependency array and a factory function
define(['dep1', 'dep2'], function (dep1, dep2) {

    //Define the module value by returning a value.
    return function () {};
});

// Or:
define(function (require) {
    var dep1 = require('dep1'),
        dep2 = require('dep2');

    return function () {};
});

通过define函数，AMD模块系统能够定义当前模块的功能和依赖，对于那些无相互依赖的模块可以同步加载。

特点

• 异步加载
• 支持循环依赖
• 兼容require和exports
• 集成了依赖管理
• 可以将各模块分别定义在不同的文件
• 支持插件机制，可以在加载过程中进行定制化控制

缺点

• 需要额外加载模块系统（可以通过预编译解决）
• 不适合进行静态分析

具体实现

当前最流行的两个AMD实现是require.js和Dojo。使用require.js非常简单，直接在HTML文件中引入，并设置data-main属性，定义JavaScript执行的入口。

---

推荐文章

JavaScript的模块系统详解(一)
JavaScript的模块系统详解(二)
世界编程语言排行榜