JavaScript模块导出只读特性解析

JavaScript模块导出的本质是建立对原始声明的实时绑定而非值拷贝，这意味着基础类型导入后不可修改，而对象或数组虽可变更内部属性，却无法被重新赋值；export default导出的是表达式的一次性求值结果，不随原变量变化，缺乏动态同步能力；若需真正实现运行时只读，必须主动使用Object.freeze（甚至递归冻结）进行防护，因为模块系统本身不提供自动只读保障——理解这一绑定机制，是避免隐蔽bug、构建可靠共享配置与API的关键。

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 }）。

如何真正实现“只读对象”导出？

模块绑定本身不提供运行时只读保护。若需防止意外修改，应主动冻结：

• 导出前用 Object.freeze() 冻结对象：export const config = Object.freeze({ api: '/v1' });；
• 对嵌套对象，需递归冻结（或使用 deepFreeze 工具函数）；
• 注意：freeze 只阻止属性增删改，不阻止方法调用或内部状态变更（如 Date 实例仍可 .setDate()）；
• TypeScript 的 readonly 仅作用于编译期类型检查，不影响运行时行为。

CommonJS（module.exports）对比说明

CommonJS 是“值导出”，即导出时取当前值的一份快照：

• 导出对象后，在原模块中重新赋值 module.exports = {}，不会影响已导入的引用；
• 但若导出的是一个对象，其他模块拿到的是该对象的引用，仍可修改其属性（和 ES 模块一样）；
• 所以 CommonJS 没有绑定更新能力，也不提供导入侧的赋值保护（require() 返回的是普通变量，可随意重赋值）。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~