模块加载规范：CommonJS、AMD 和 CMD，而框架Node.js、RequireJS 和 Seajs 分别实现了上述规范。
没有这些模块加载规范时，加载模块是一种什么情况？
只能在HTML中通过<script>来引入js文件，同时无法区分函数来源于哪个js文件，而且要用过多全局变量。使用模块加载后，这些问题都解决了。
CommonJS：
Node.js使用的规范，同步加载JS脚本。在服务端没问题，因为文件都在磁盘上。但因为浏览器的特性，需要异步加载js，否则会失去响应。所以该规范无法在浏览器直接使用。
浏览器不兼容CommonJS的根本原因，在于缺少四个Node.js环境的变量:module、exports、require、global
AMD：
Angular.js、require.js使用的规范，异步加载JS。前置加载，就是在写主逻辑之前必须指定所有的依赖，并且等待所有的依赖被异步加载完后执行回调函数。依赖的模块同时被加载，没有顺序依赖。
AMD优点：AMD是前置依赖，依赖项最好是已知必须要依赖的，这样可以一次性将必须用到的JS脚本全部加载，后续可以直接使用，不需要再遍历整个函数体查找依赖，提高性能。
AMD缺点：开发者必须显式指明依赖，这会使开发成本变大，比如当代码达到几百上千行的时候，忽然发现需要增加一个依赖，不得不回到函数顶端将依赖添加到数组中。
require(['module1', 'module2'], function(m1, m2){
//主回调逻辑
m1.test();
m2.test();
})
CMD:
Sea.js使用的规范。就近加载。Sea.js遇到依赖后，只会去下载JS文件，等待所有的依赖下载完成后，再从头开始执行主逻辑。因此被依赖模块的执行顺序和书写顺序完全一致。
优点：开发便利，动态加载，可以把依赖写进代码任意一行。
缺点：如下示例代码，代码在运行时是不知道依赖的，需要遍历所有的require关键字，找到后面的依赖，具体做法就是将function toString后，用正则匹配出关键字后面的依赖。这是一种牺牲性能来换取开发便利的方法。
define(function(require, exports, module){
var foo= require('foo');//同步加载
foo.add(1, 2);
require.async('math', fucntion(math){//异步加载
math.add(1,2);
})
});
上面对AMD和CMD说的都是必须依赖（可称为强依赖）的情况，还有一些依赖，是在特定条件成立后才需要加载的（可称为弱依赖）。
if(status){a.doSomething()}
这种情况可以用异步回调方式实现：
AMD实现：if(status){
async(['a'], function(a){
a.doSomething();
})
}
CMD实现：if(status){
require.async('a', function(a){
a.doSomething();
})
}
总结：
对于必须依赖（称为强依赖），如果性能优先，可采用AMD前置依赖模式。
如果开发成本优先，可采用CMD就近依赖模式。
对于弱依赖，只需要将弱依赖的部分改写到回调函数内即可。
ES6模块化：
在 ES6 中，我们使用 export 关键字来导出模块，使用 import 关键字引用模块。如果js解析器不识别ES6语法，需要将ES6语法转换成低版本语法。目前所有的引擎都还没有实现import，我们在node中使用babel支持ES6，也仅仅是将ES6转码为ES5再执行，import语法会被转码为require。
参考：
写到这里，想起当前做的项目，有很多插件、配置JS脚本，是在HTML通过'<script>'脚本同步引入的，这种写法很懒省事，但会降低性能。看了'<script>'的用法，是可以异步引入的：
1.同步加载<script src="./a.js"></script>
同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。
js 之所以要同步执行，是因为 js 中可能有输出 document 内容、修改dom、重定向等行为，所以默认同步执行才是安全的。
2.带defer属性defer属性声明这个脚本中将不会有 document.write 或 dom 修改。浏览器将会并行下载 a.js 和其它有 defer 属性的script，而不会阻塞页面后续处理。注：所有的defer 脚本保证是按顺序依次执行的。
3.带async属性<script src="./a.js" async></script>
async属性是HTML5新增的。作用和defer类似，但是它将在下载后尽快执行，不能保证脚本会按顺序执行。它们将在onload 事件之前完成。
defer属性在IE 4.0中就实现了，超过13年了！Firefox 从 3.5 开始支持defer属性 。
Firefox 3.6、Opera 10.5、IE 9 和 最新的Chrome 和 Safari 都支持 async 属性。可以同时使用 async 和 defer，这样IE 4之后的所有 IE 都支持异步加载。
感谢：
网友评论