es 模块
为什么需要模块?
js编程就是定义一些变量和管理这些变量,模块化使得代码可维护性更高,模块化可以把功能细分,然后就像乐高积木一样,不同的模块组合,实现不一样的功能。
ESM的原理
在使用模块的时候,其实就是在做一个依赖关系图
ESM的模块包括三个过程:
1:构建--下载,解析,然后把文件解析为模块记录
2:实例化--为模块分内存空间(此时还没赋值),然后依照导入,导出语句把模块指向内存地址,这个过程叫链接
3:运行(求值)--运行代码的时候,才会给内存空间填充真是的值
ESM与common.js的区别
1:ESM是先解析,然后再求值,就是说在导入的时候,代码并没有运行,要等到代码运行的时候才可以进行运行模块
2:ESM的导入导出都是指向内存地址,而common.js则是复制,就是说在common.js在导出后原模块发生了变化,使用模块的地方并不能检测到变化,ESM使用的是实时绑定,就是说在导出模块內导出中的变量发生了变化,导入模块中的值也能实时发生变化
3:common.js在require之前就已经运行了模块,所以在模块标识符中可以使用变量
参考链接https://juejin.im/entry/5ad426e551882555867fe29f