JavaScript const的使用

### JavaScript中`const`关键字的用法与特性 在JavaScript中，`const`关键字用于声明常量。一旦使用`const`声明了一个变量，其绑定的值就不能再被重新赋值或更改[^1]。这意味着，`const`声明的变量具有不可变性（immutability），但需要注意的是，这种不可变性仅适用于变量绑定本身，而不一定适用于该变量所引用的对象内容。 #### 声明规则 - 使用`const`声明的变量必须在声明时初始化，否则会抛出错误[^1]。 - 例如： ```javascript const word = "pot"; // 正确 // const target; // 报错：Missing initializer in const declaration ``` #### 不可重新赋值 一旦使用`const`声明了变量，就不能对该变量重新赋值。例如： ```javascript const word = "pot"; word = "top"; // 报错：Assignment to constant variable. ``` #### 对于基本数据类型 当`const`用于声明基本数据类型（如字符串、数字、布尔值等）时，其值在整个程序运行期间都保持不变。例如： ```javascript const num = 42; console.log(num); // 输出：42 num = 100; // 报错：Assignment to constant variable. ``` #### 对于引用数据类型 对于引用数据类型（如对象、数组等），`const`确保变量绑定的地址不会改变，但并不阻止对对象内部属性或数组元素的修改[^1]。例如： ```javascript const arr = [1, 2, 3]; arr.push(4); // 正确，可以修改数组内容 console.log(arr); // 输出：[1, 2, 3, 4] arr = [5, 6, 7]; // 报错：Assignment to constant variable. ``` ```javascript const obj = { key: "value" }; obj.key = "new value"; // 正确，可以修改对象属性 console.log(obj); // 输出：{ key: "new value" } obj = { newKey: "newValue" }; // 报错：Assignment to constant variable. ``` #### 区别于`var`和`let` - `var`声明的变量具有函数作用域，可能会导致变量提升等问题。 - `let`声明的变量具有块级作用域，允许重新赋值。 - `const`声明的变量也具有块级作用域，但不允许重新赋值[^1]。 #### 示例代码 以下是一个综合示例，展示了`const`的用法及其限制： ```javascript const word = "pot"; const target = "potato"; console.log(target.indexOf(word)); // 输出：0 console.log(target.slice(word.length)); // 输出：ato const values = [1, 2, 3, 5, "x", 10]; const integers = values.filter(_ => Number.isInteger(_)); console.log(integers); // 输出：[1, 2, 3, 5, 10] ``` ### 注意事项 尽管`const`提供了更严格的约束，但在实际开发中仍需注意引用数据类型的可变性。如果需要完全冻结一个对象，可以结合`Object.freeze()`方法使用。