es 模块

Posted 2020-11-03 ls-lansy

为什么需要模块？

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