commonJs
是服务端的模块规范，Node.js采用了这个规范（ 文件已经存在本地 不用考虑非同步加载的情况）。浏览器要从服务器加载模块，必须采用非同步的模式。所以浏览器一般采用AMD
ComonJs规范加载模块是同步的，也就是加载完才能执行后边操作。
Require用于加载模块文件：使用require加载模块：读入并执行JavaScript文件，返回该模块的对象，没有该模块则报错
特点：
-
所有代码都运行在模块作用域，不会污染全局作用域
-
模块可以多次加载，但是智慧第一次加载时运行一次，然后运行结果就被缓存了，以后再加载，就直接读取缓存结果。想要模块再次运行，必须清楚缓存
-
加载顺序，按照其代码中出现的顺序
-
便于服务器端和桌面应用的使用
缺点
ComonJS模块不适合浏览器，因为浏览器的加载机制不支持同步。需要用打包工具把所有CommonJs模块打包成一个文件。因为该模块的加载是同步的，浏览器获取一个资源是通过发送Http请求后获得的，这意味着阻塞加载，从而在浏览器出现假死现象。
CommonJs和commonjs2区别：
Commonjs规定了exports
Commonjs3是规定用module.export
Exports是module.export的引用，module.exports是exports的具体实现
推荐阅读：https://javascript.ruanyifeng.com/nodejs/module.html
使用define定义模块
ES6模块
Important、export ES6模块化不是对象，import会在JavaScript引擎静态分析，在编译时就引入模块代码，而非在代码运行时加载，因此也不适合异步加载
特点：
-
变量只在模块内有效，即局部变量。
-
同一模块加载多次之运行一次
ES6模块规范和commonJs规范运行机制区别
-
CommonJS模块是运行时加载，ES6是编译时输出接口
-
运行时加载：commonJs模块就是对象；即在输入时是先加载整个模块生成一个对象，然后再从这个对象上面读取方法，这种加载成为运行时加载
编译时加载：ES模块不是对象，而是export命令显示指定输出的代码，import时采用静态命令的形式。即在import时可以指定加载某个输出值，而不是加载加载整个模块，这种加载称为：编译时加载。（代码静态解析阶段就会生成）
- CommonJs模块输出的是一个值的拷贝，ES6模块输出的值是值的引用。
即：comonJs值一旦输出模块内部变化就影响不到这个值。原始类型的会被缓存
Es6模块是动态引用，并且不会缓存值，模块里边的变量绑定其所在的值。
AMD
非同步加载模块，允许指定回调函数。
-
异步加载定义，该规范是RequireJs在推广过程中对模块定义的规范化产出，是commonJs的一个延伸。对于依赖的模块，AMD是提前执行，异步并行加载。
-
需要define来确定一个模块，用require()加载模块
-
定义：define(module,[dep1,dep2],callback)
-
机制：通过require加载时，它会先加载对应的依赖，等依赖的资源加载完之后，会执行回调函数，将依赖作为入参，执行对应的业务逻辑。
-
特点：ＡＭＤ机制是浏览器编程范式，最大的特点强调依赖前置。它是在客户端使用的，由于资源都在服务器上，所以它是异步加载的
-
ＡＭＤ默认推荐的是：define([‘./a’,’./b’],function(a,b){
//依赖必须一开始就写好
a.doSomething() ….
b.doSomething()
})
CMD
机制与AMD类似，最大的区别就是CMD强调延迟加载，对应的依赖等到回调函数里执行具体的依赖语句才回去加载，但是AMD在后续版本也支持了延迟加载
机制/特点同上
Define(function(require,exports,module){let a = require(‘./a’);a.doSomething;…let a = require(‘./b’);…})
使用方式
CommonJs:require引用模块，module.exports暴露接口
AMD：require引用模块 使用define函数的return暴露接口
CMD：require引用模块 module.exports或exports暴露接口
ES6:import 引用模块，export default暴露接口
模块加载方式
commonJs：运行时加载，一个模块就是一个对象，加载一个模块就是加载这个模块的所有方法，然后读取其中需要的方法
AMD：并行加载，提前执行；
CMD：并行加载，按需加载；
ES6: 编译时加载，在模块编译时就完成加载，引用的时候只加载需要的方法，其它方法不加载
网友评论