ES6模块与CommonJS模块有什么区别?

ES6模块与CommonJS模块有什么区别?

1、CommonJS 模块输出的是一个值的拷贝,ES6 模块输出的是值的引用。

2、所谓值的拷贝,原始类型的值被缓存,不随模块内部的改变而改变。

3、ES6 模块是动态引用,不缓存值,模块内外是绑定的,而且是只读引用,不能修改值。ES6 的 js 引擎对脚本静态分析的时候,遇到加载命令模块 import ,就会生成一个只读引用,当真正用到模块里边的值的时候,就会去模块内部去取。

4、CommonJS 模块是运行时加载,ES6 模块是编译时加载输出接口。

5、运行时加载:CommonJS 模块就是对象;是先加载整个模块,生成一个对象,然后再从这个对象上面读取方法,这种加载称为“运行时加载”。
6、编译时加载: ES6模块不是对象,而是通过 export 命令「显式指定输出的代码」。import 时采用静态命令的形式,即在import指定「加载某个输出值」,而「不是加载整个模块」,这种加载称为“编译时加载”。

7、import的接口是read-only(只读状态),不能修改其变量值。 即不能修改其变量的指针指向,但可以改变变量内部指针指向,可以对commonJS对重新赋值(改变指针指向),但是对ES6 Module赋值会编译报错。

ES6 Module和CommonJS模块的共同点:

CommonJS和ES6 Module都可以对引入的对象进行赋值,即对对象内部属性的值进行改变。

你可能感兴趣的:(js)