1.为什么要使用模块化？
- 当去执行某个文件的过程中，如果将全部代码写在同一个文件下，在命名变量时，有些变量是全局变量，从而会出现命名冲突的问题，使用模块化就可以避免这类问题。
- 使用模块化后，一个模块就是实现特定功能的文件，有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块，利于代码的复用性。
- 因为每个模块都是相互独立，互不干扰的，这样也有利于更好的可维护性和方便管理。
2.CMD、AMD、CommonJS 规范分别指什么？有哪些应用
CMD：
- CMD：通用模块定义（Common Module Definition），该规范明确了模块的基本书写格式和基本交互规则。
- 在 CMD 规范中，一个模块就是一个文件。语法：
define(factory);
factory为函数时，表示是模块的构造方法。执行该构造方法，可以得到模块向外提供的接口。factory 方法在执行时，默认会传入三个参数：require、exports和 module：
define(function(require, exports, module) {
// 模块代码
});
- 应用
define(function(require, exports, module) {
var a = require('./a')
a.doSomething()
// 此处略去 1000 行
var b = require('./b') // 依赖可以就近书写
b.doSomething()
// ...
})
AMD：
- AMD：异步模块定义（Asynchronous Module Definition），是一个在浏览器端模块化开发的规范。模块将被异步加载，模块加载不影响后面语句的运行。
- AMD规范只定义了一个函数
define，它是全局变量。语法为：
define(id?, dependencies?, factory);
id：指定义中模块的名字，可选；
dependencies：是一个当前模块依赖的，已被模块定义的模块标识的数组字面量。
factory：模块初始化要执行的函数或对象。如果为函数，它应该只被执行一次。如果是对象，此对象应该为模块的输出值。
- 应用：
define(['./a', './b'], function(a, b) { // 依赖必须一开始就写好
a.doSomething()
// 此处略去 1000 行
b.doSomething()...
})
CommonJS：
- CommonJS：是服务器端模块的规范，Node.js采用了这个规范。Node.JS首先采用了js模块化的概念。一个单独的文件就是一个模块。每一个模块都是一个单独的作用域，也就是说，在该模块内部定义的变量，无法被其他模块读取，除非定义为
global对象的属性。 - 应用：
var i = 1;
var max = 30;
module.exports = function () {
for (i -= 1; i++ < max; ) {
console.log(i);
}
max *= 1.1;
};
上面代码通过module.exports对象，定义了一个函数，该函数就是模块外部与内部通信的桥梁。
加载模块使用require方法，该方法读取一个文件并执行，最后返回文件内部的module.exports对象。
CMD与AMD的区别：
- AMD 是 RequireJS 在推广过程中对模块定义的规范化产出，而CMD 是 SeaJS 在推广过程中对模块定义的规范化产出；
- AMD提前执行（异步加载：依赖先执行）+延迟执行，CMD延迟执行（运行到需加载，根据顺序执行）；
- AMD 推崇依赖前置，CMD 推崇依赖就近；
- AMD的API根据使用范围有区别，但使用同一个api接口，CMD每个API的职责单一；
- AMD的优点是异步并行加载，在AMD的规范下，同时异步加载是不会产生错误的。CMD的机制则不同，这种加载方式会产生错误，如果能规范化模块内容形式，也可以。
网友评论