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

原文地址:https://www.cnblogs.com/liangshuang/p/9001123.html