javascript - ES6 在多个地方导入一个文件，为什么文件只加载一次？

Question

如果有一个名为common.js的公共(public)文件，以及其他如a.js、b.js...

common.js

const Common = { property: 'initial' }
export { Common };

a.js

import { Common } from 'common.js';
Common.property = 'changed';

b.js

import { Common } from 'common.js';
console.log(Common.property);

首先，a.js 运行并将 common.js 加载到内存中。

然后，b.js 由引擎运行。

1. common.js 会再次加载还是使用内存中已有的common.js？
2. 如果 common.js 被其他 xx.js 脚本更新，import 将如何表现？

Answer 1

我假设您使用的是 Node.js，因此 import 将在转译后变成 require 语句。

来自文档:

Modules are cached after the first time they are loaded. This means (among other things) that every call to require('foo') will get exactly the same object returned, if it would resolve to the same file.

Source

明确回答您的问题:

1. 模块已缓存，因此您正在更改同一个对象
2. 它将打印最后分配的值
   • 例如改变如果a.js被执行
   • 如果只执行b.js，那么它会打印initial

在线试用 here .