为什么JavaScript中用const声明的变量不能重新赋值但可以修改对象属性？

Question

为什么用`const`声明的对象变量不能重新赋值，但可以修改其属性？ 在JavaScript中，`const`声明的变量具有块级作用域且不可重新赋值。这意味着一旦使用`const`定义了一个变量并初始化，就不能将该变量指向另一个新的对象或值。然而，如果`const`绑定的是一个对象，虽然对象引用地址不可变，但对象本身的属性是可以修改的。这是因为`const`仅保证变量引用的地址固定不变，而不会冻结对象的内容。因此，开发者可以通过对象引用修改其属性值或添加/删除属性，但无法将该变量重新赋值为其他对象或值。这种机制需要注意，在保护对象引用的同时，也要考虑对象内部数据的一致性与安全性。

Answer 1

1. 基础概念：`const`声明的变量特性

在JavaScript中，`const`关键字用于声明一个常量。与`let`不同，`const`声明的变量一旦初始化后，就不能重新赋值。这意味着以下代码会报错：

        const obj = { name: "Alice" };
        obj = { name: "Bob" }; // TypeError: Assignment to constant variable.
    

然而，尽管对象本身不能被重新赋值，但其内部属性是可以修改的：

        const obj = { name: "Alice" };
        obj.name = "Bob"; // 合法操作
    

`const`的作用是确保变量引用地址不可变，但它并不会冻结对象的内容。换句话说，`const`只保护了引用本身，而没有保护引用指向的数据结构。

2. 深入分析：为什么可以修改对象属性

为了理解这一现象，我们需要从内存模型的角度进行分析。以下是关键点：

• `const`声明的变量本质上是一个对内存地址的引用。
• 当我们将一个对象赋值给`const`变量时，实际上是将该对象的引用地址存储到变量中。
• 由于`const`限制了引用地址的可变性，因此我们无法将变量指向另一个新对象。
• 然而，对象本身是一个可变的数据结构，其内容可以通过引用地址直接访问和修改。

以下是内存中的数据流动示意图：

        graph TD;
            A[变量声明] --> B[分配内存];
            B --> C[存储引用地址];
            C --> D[对象内容];
            E[修改属性] --> D;
    

这种机制使得开发者可以在不改变引用地址的前提下，自由地修改对象的属性或结构。

3. 实践案例：如何保护对象内容的一致性

虽然`const`提供了对引用地址的保护，但在实际开发中，如果需要完全冻结对象的内容，可以使用`Object.freeze()`方法。例如：

        const obj = { name: "Alice" };
        Object.freeze(obj);
        obj.name = "Bob"; // 不会生效，且在严格模式下会抛出错误
    

需要注意的是，`Object.freeze()`仅能冻结对象的第一层属性。对于嵌套对象，仍需递归冻结以实现深度冻结：

方法	描述
`Object.freeze()`	冻结对象，使其不可添加、删除或修改属性
递归冻结	通过自定义函数实现对嵌套对象的深度冻结

开发者可以根据具体需求选择是否冻结对象内容，以平衡灵活性与安全性。

4. 高级讨论：设计模式中的应用

在面向对象编程中，`const`结合`Object.freeze()`可以有效实现不可变对象的设计模式。不可变对象具有以下优势：

• 提高代码的可预测性，减少副作用。
• 简化调试过程，因为对象状态不会意外改变。
• 支持函数式编程范式，增强代码的模块化能力。

然而，过度依赖不可变对象可能会带来性能开销，尤其是在频繁修改复杂数据结构时。因此，开发者需要根据应用场景权衡利弊。