AMD、CMD、CommonJS、ES6（import/export）

AMD、CMD、CommonJS是ES5模块化解决方案

AMD —— 异步模块

Asynchronous Module Definition
AMD推崇依赖前置，在定义模块的时候就要声明其依赖的模块
requireJS主要解决两个问题

1、多个js文件可能有依赖关系，被依赖的文件需要早于依赖它的文件加载到浏览器
2、js加载的时候浏览器会停止页面渲染，加载文件越多，页面失去响应时间越长

require()函数在加载依赖的函数的时候是异步加载的，这样浏览器不会失去响应，它指定的回调函数，只有前面的模块都加载成功后，才会运行，解决了依赖性的问题。

RequireJS

// 定义模块
define(["a"], function(a) {        return {}}
);
// 使用模块
require(['a'], function (a) {console.log(a)
});

CMD —— 同步模块

CMD推崇就近依赖，只有在用到某个模块的时候再去require
CMD规范是国内发展出来的，就像AMD有个requireJS，CMD有个浏览器的实现SeaJS，SeaJS要解决的问题和requireJS一样，只不过在模块定义方式和模块加载（可以说运行、解析）时机上有所不同

1.Sea.js 推崇一个模块一个文件，遵循统一的写法

2.CMD加载完某个模块后没有立即执行而是等到遇到require语句的时再执行。

seaJs

CommonJS —— 服务器端模块

CommonJS 加载模块是同步的，所以只有加载完成才能执行后面的操作

AMD 与 CMD
1.对于依赖的模块AMD是提前执行，CMD是延迟执行。不过RequireJS从2.0开始，也改成可以延迟执行（根据写法不同，处理方式不通过）。

2.AMD推崇依赖前置（在定义模块的时候就要声明其依赖的模块），CMD推崇依赖就近（只有在用到某个模块的时候再去require——按需加载）。

//AMD
define([’./a’,’./b’], function (a, b) {

//依赖一开始就写好
a.test();
b.test();

});

//CMD
define(function (requie, exports, module) {

//依赖可以就近书写
var a = require('./a');
a.test();...
//软依赖
if (status) {var b = requie('./b');b.test();
}

});
通俗来说：
AMD在加载完成定义（define）好的模块就会立即执行，所有执行完成后，遇到require才会执行主逻辑。（提前加载）
CMD在加载完成定义（define）好的模块，仅仅是下载不执行，在遇到require才会执行对应的模块。（按需加载）
AMD用户体验好，因为没有延迟，CMD性能好，因为只有用户需要的时候才执行。

import/export ES6模块化

在ES6中每一个模块即是一个文件，在文件中定义的变量，函数，对象在外部是无法获取的。如果你希望外部可以读取模块当中的内容，就必须使用export来对其进行暴露（输出）。
ES6模块：静态加载（编译时加载）
CommonJS 和 AMD 模块：动态加载（运行时加载）
即 ES6 可以在编译时就完成模块加载，效率要比 CommonJS 模块的加载方式高

ES6模块的设计思想，是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量
CommonJS 和 AMD 模块，都只能在运行时确定这些东西