JS通过export default导出类实例是否为单例？导入一致性及导出方式疑问

1. 导入的是同一对象 #

你本地测试的结果是对的——在ES模块规范里，模块只会被加载并执行一次，不管被多少个文件导入。你代码里export default new A()是在模块初始化时就创建了A的实例，之后所有其他文件导入这个模块时，拿到的都是这个已经创建好的实例的引用，不会重新创建新对象。

可以用这段代码验证：

// a.js
class A {
  constructor() {
    this.id = Math.random(); // 用随机ID区分实例
  }
}
export default new A();

// b.js
import aInstance from './a.js';
console.log(`b.js的实例ID: ${aInstance.id}`);

// c.js
import aInstance from './a.js';
console.log(`c.js的实例ID: ${aInstance.id}`);

运行后两个文件打印的ID完全一致，足以证明是同一个实例。

2. 是否适合在index文件创建实例再导出 #

这种方式本身没问题，本质和你现在的写法一致——只要是在同一个模块内创建实例并导出，所有导入都会共享这个单例。

如果把A类的定义和实例导出拆分到不同文件（比如A类写在A.js，实例在index.js里创建并导出），结构会更清晰，也方便后续扩展：

// A.js
export default class A {
}

// index.js
import A from './A.js';
export default new A();

要是后续需要导出A类本身（让其他地方能创建新实例），直接在index.js里加一行导出即可，不用修改原类文件：

// index.js
import A from './A.js';
const instance = new A();
export default instance;
export { A };

这样其他文件既能导入共享单例，也能按需创建新实例：

import aInstance, { A } from './index.js';
const newInstance = new A(); // 独立的新实例

总结：你当前的写法完全有效，放到index文件导出的方式更便于后续扩展，根据你的项目需求选择就行。

内容的提问来源于stack exchange，提问作者user3083590