JS中已用const声明的变量，为何报错不能重新赋值？

Question

为什么用const声明的变量不能重新赋值？会报错吗？ 在JS中，使用const声明变量后为何不可重新赋值？这是否会导致报错情况出现？例如：const a = 1; a = 2; 这样的代码为什么会出错？const与let、var有何区别导致这一现象？

Answer 1

1. 基础理解：const声明变量不可重新赋值的原因

在JavaScript中，使用const声明的变量具有常量特性，这意味着一旦初始化后，其引用地址或值不能被更改。例如：

const a = 1;
a = 2; // TypeError: Assignment to constant variable.

这段代码会抛出一个错误：Assignment to constant variable。这是因为const关键字的设计初衷是为了确保变量在声明时绑定的值在整个作用域内保持不变。

与let和var不同，const不允许重新赋值，这种限制有助于开发者避免意外修改变量值，从而提升代码的健壮性和可维护性。

2. 深入分析：为什么const变量不能重新赋值？

JavaScript引擎在运行时为每个const变量创建了一个“只读属性”。这个属性意味着变量名与其初始值之间的绑定是不可变的。例如：

const obj = { key: 'value' };
obj.key = 'newValue'; // 允许
obj = {}; // TypeError: Assignment to constant variable.

上述代码中，虽然可以修改对象内部的属性（如obj.key），但不能将整个对象重新赋值给另一个引用。这表明const的不可变性仅适用于变量的引用地址，而非其内容。

• 对比let： 使用let声明的变量可以在后续代码中重新赋值，没有上述限制。
• 对比var： var声明的变量不仅允许重新赋值，还存在变量提升问题，可能导致意外行为。

3. 技术对比：const、let和var的区别

下表总结了三种变量声明方式的主要差异：

关键字	是否允许重新赋值	作用域	变量提升
const	不允许	块级作用域	无
let	允许	块级作用域	无
var	允许	函数级/全局作用域	有

4. 解决方案与最佳实践

如果需要一个值在程序执行期间始终保持不变，应优先使用const。如果需要动态修改变量值，则选择let。避免使用var，因为它容易引发作用域污染和变量提升问题。

流程图展示了如何根据需求选择合适的变量声明方式：

graph TD;
            A[开始] --> B{需要修改值吗?};
            B -- 是 --> C[使用 let];
            B -- 否 --> D{是引用类型吗?};
            D -- 是 --> E[使用 const, 注意引用内容可变];
            D -- 否 --> F[使用 const];