ES6模块多次导入时主代码是否仅执行一次及官方资料查询

嘿，这两个问题本质上都是围绕ES6模块的核心缓存机制展开的，我来逐一给你解答：

问题1：页面中多个模块导入同一个ES6模块，主线代码是否仅执行一次？ #

是的，绝对只会执行一次。ES6模块设计时就引入了模块缓存机制：当第一个模块发起对目标模块的导入请求时，JS引擎会完成该模块的加载、解析、求值（也就是执行主线代码），然后将模块的导出内容缓存起来。之后任何其他模块再导入这个模块时，都会直接复用缓存里的导出结果，不会再重新执行模块的主线代码。

问题2：模块B和C均通过HTML的module脚本标签加载，且都导入模块A，模块A的主线代码是否仅执行一次？ #

答案还是肯定的，模块A的主线代码仅执行一次。不管导入的发起方是其他JS模块，还是通过HTML里的<script type="module">加载的模块，JS引擎对模块的处理逻辑是一致的——每个模块在整个应用中只会被求值一次，缓存的导出结果会被所有导入方共享。所以模块B和C导入的都是同一份已经执行过的模块A实例。

哪里可以查询官方文档或权威解释？ #

你可以参考以下权威来源：

• ECMAScript官方规范（ECMA-262）：其中的模块章节明确规定了模块的"求值"流程——每个模块只能被求值一次，求值后的模块状态会被维护在模块环境记录中，供后续导入操作复用。
• MDN Web Docs：关于ES6模块的文档里也清晰阐述了这个缓存机制，内容完全基于官方规范，表述更通俗易懂。

内容的提问来源于stack exchange，提问作者Jacques de Hooge