前端模块三种规范(AMD，CMD，CommonJs的区别)

前端模块三种规范(AMD，CMD，CommonJs的区别)

我们为什么要使用模块化?

1.解决命名冲突 避免全局污染

2.解决依赖管理

3.提高代码可读性

4.提高复用性

模块化三种规范 CMD、AMD、CommonJS

1.commonJs（同步加载）：

Nodejs提出的服务器端的模块化规范，只在服务器端运行，不能在浏览器端运行

规范规定每一个文件就是一个模块，有独自的作用域，module代表当前模块

module: 代表当前模块
exports：是他的接口
require() : 加载模块

commonJs的写法

// a.js文件
模块接口抛出：
var prople = {
    name: 'cpx',
    sayName: function(){
        console.log(this.name)
    }
}
module.exports = people;

引入模块：

var p = require('./a.js');
p.sayName(); //cpx

2.CMD（异步加载）：

运行在浏览器端模块化开发的规范，使用该规范的有SeaJs

CMD规范写法与commonJs相似，区别在于使用define包裹代码

defube(function(require, exports, modules)) {
    var p = require('./a.js');
    
    p.sayName();
}

3.AMD（异步加载）：

运行在浏览器端模块化开发的规范，使用该规范的有requireJs

AMD规范加载模块需要把所有模块都写入参数中,用多少写多少，也采用require()语句加载模块，和commonJS的区别是 他要求两个参数

require([module],callback);

require(['better','jquery'], function(better,jquery){
    // 操作
})

AMD与CMD区别：

模块定义时对依赖的处理不同：

1.AMD推崇依赖前置，在定义模块的时候就要声明其依赖的模块

2.CMD推崇就近依赖，只有在用到某个模块的时候再去require

同为异步加载模块的区别：

1.AMD在加载模块完成后就会执行该模块

2.CMD加载完某个依赖模块后并不执行，只是下载而已,这样模块的执行顺序和书写顺序是完全一致的。性能较好，只有用户需要时才执行

以前整理过的小笔记，以后会持续更新，转载注明出处，欢迎大牛指点???