在 ES6 以前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。ES6 在语言标准的层面上,实现了模块功能,并且实现得至关简单,彻底能够取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案。
ES6 模块的设计思想,是尽可能的静态化,使得编译时就能肯定模块的依赖关系,以及输入和输出的变量。CommonJS 和 AMD 模块,都只能在运行时肯定这些东西。好比,CommonJS 模块就是对象,输入时必须查找对象属性。es6
commonJS 和 es6模块化 区别:
es6 {
export : '能够输出多个,输出方式为 {}' ,
export default : ' 只能输出一个 ,能够与export 同时输出,可是不建议这么作',
解析阶段肯定对外输出的接口,解析阶段生成接口,
模块不是对象,加载的不是对象,
能够单独加载其中的某个接口(方法),
静态分析,动态引用,输出的是值的引用,值改变,引用也改变,即原来模块中的值改变则该加载的值也改变,
this 指向undefined
}
commonJS {
module.exports = ... : '只能输出一个,且后面的会覆盖上面的' ,
exports. ... : ' 能够输出多个',
运行阶段肯定接口,运行时才会加载模块,
模块就是对象,加载的是该对象,
加载的是整个模块,即将全部的接口所有加载进来,
输出的是值的拷贝,即原来模块中的值改变不会影响已经加载的该值,
this 指向当前模块
}浏览器