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都可以对引入的对象进行赋值，即对对象内部属性的值进行改变。