JavaScript模块导出的是绑定而非副本,基础类型导入后不可修改,对象/数组属性可变但不能重新赋值;export default导出表达式结果,不随原变量变化;需Object.freeze实现只读。

JavaScript模块导出的对象本身不是只读的,但模块系统通过绑定(binding)机制保证了导出值与导入值之间的实时关联性——修改导出模块内部的变量,可能影响所有导入该值的地方,前提是该值是可变对象(如对象、数组),且未被重新赋值。
导出的是“绑定”而非“副本”
ES 模块(export/import)不拷贝值,而是建立对原始声明的实时绑定。这意味着:
- 如果导出一个
let或const声明的变量(基础类型如数字、字符串),其值在导入后无法被外部修改(因为基础类型不可变,且const导出不允许重赋值); - 但如果导出一个对象或数组,导入方修改其属性或元素(如
obj.name = 'new'),原模块中看到的也是同一对象,因此变化可见; -
关键限制:导入方不能用
=重新赋值整个导入的绑定(如import { obj } from './m.js'; obj = {};会报错Assignment to constant variable),因为导入绑定是只写的(write-only binding),但可变对象的内部状态仍可变。
export default 的行为略有不同
export default 导出的是一个表达式的结果(如函数、对象字面量、类),它会被求值一次并绑定为默认导出值:
- 若导出的是一个对象字面量(
export default { a: 1 }),导入后可以修改其属性(obj.a = 2),因为仍是同一对象; - 若导出的是一个函数或类,导入后可调用、可继承,但不能用
=覆盖该绑定; - 注意:
export default不支持动态更新——它不绑定到某个变量名,而是绑定到表达式结果,因此即使原模块里变量变了,default 导出也不会自动同步(除非显式导出变量,如export { foo as default })。
如何真正实现“只读对象”导出?
模块绑定本身不提供运行时只读保护。若需防止意外修改,应主动冻结:
立即学习“Java免费学习笔记(深入)”;
- 导出前用
Object.freeze()冻结对象:export const config = Object.freeze({ api: '/v1' });; - 对嵌套对象,需递归冻结(或使用
deepFreeze工具函数); - 注意:
freeze只阻止属性增删改,不阻止方法调用或内部状态变更(如Date实例仍可.setDate()); - TypeScript 的
readonly仅作用于编译期类型检查,不影响运行时行为。
CommonJS(module.exports)对比说明
CommonJS 是“值导出”,即导出时取当前值的一份快照:
- 导出对象后,在原模块中重新赋值
module.exports = {},不会影响已导入的引用; - 但若导出的是一个对象,其他模块拿到的是该对象的引用,仍可修改其属性(和 ES 模块一样);
- 所以 CommonJS 没有绑定更新能力,也不提供导入侧的赋值保护(
require()返回的是普通变量,可随意重赋值)。










