JavaScript中的const关键字有什么作用？如何使用？-js教程-PHP中文网

JavaScript中的const关键字有什么作用？如何使用？

幻夢星雲

发布： 2025-07-07 17:25:02

原创

937人浏览过

const声明的变量不可重新赋值，但对象属性可修改。1. const声明常量需初始化，修改值会报错。2. const变量为块级作用域，与let相同。3. const绑定变量名与内存地址，对象属性可变。4. 使用object.freeze()可冻结对象，但为浅冻结。5. const与let、var区别在于作用域、重复声明、变量提升和可修改性。6. 默认优先使用const，提高可读性和防止意外修改。

JavaScript中的const关键字有什么作用？如何使用？

const关键字，简单来说，就是在JavaScript中声明一个常量。这个常量一旦被赋值，就不能再被重新赋值了。这听起来很简单，但实际应用中有很多需要注意的地方，也涉及到一些更深层次的理解。

const用于声明一个常量，必须在声明时就进行初始化。声明后，尝试修改const变量的值会导致TypeError。const声明的变量的作用域与使用let声明的变量相同，都是块级作用域。

const声明的真的是“常量”吗？

这其实是个很有意思的问题。当我们说const声明的是常量时，更多指的是变量名和它指向的内存地址之间的绑定关系是不可变的。也就是说，你不能让这个变量名指向另一个内存地址。但是，如果const声明的是一个对象，那么对象内部的属性是可以修改的。

立即学习“Java免费学习笔记（深入）”；

举个例子：

const myObject = {
  name: 'Original Name'
};

myObject.name = 'New Name'; // 这是允许的!
console.log(myObject.name); // 输出 "New Name"

// myObject = { age: 30 }; // 报错：Assignment to constant variable.

登录后复制

可以看到，虽然myObject本身不能被重新赋值，但是它的属性name是可以被修改的。这是因为myObject存储的是一个指向对象内存地址的引用，而const保证的是这个引用不变，而不是对象本身的内容不变。

如何避免const对象被修改？

如果你真的想让一个对象完全不可变，可以使用Object.freeze()方法。这个方法会冻结一个对象，使其属性既不能被修改，也不能被添加或删除。

const myFrozenObject = {
  name: 'Original Name'
};

Object.freeze(myFrozenObject);

myFrozenObject.name = 'New Name'; // 静默失败，在严格模式下会报错
console.log(myFrozenObject.name); // 输出 "Original Name"

myFrozenObject.age = 30; // 静默失败，在严格模式下会报错
console.log(myFrozenObject.age); // 输出 undefined

登录后复制

需要注意的是，Object.freeze()是浅冻结，也就是说，如果对象内部还嵌套了其他对象，那么这些嵌套对象仍然是可以被修改的。如果需要深度冻结，就需要递归地对所有嵌套对象都调用Object.freeze()。

const和let、var的区别是什么？

作用域： const和let都是块级作用域，而var是函数作用域。这意味着const和let声明的变量只在声明它们的代码块内部有效，而var声明的变量在整个函数内部都有效。
重复声明： 在同一个作用域内，let和const不允许重复声明同一个变量，而var允许。
变量提升： var声明的变量会发生变量提升，即在声明之前就可以使用，值为undefined。而let和const声明的变量不会发生变量提升，如果在声明之前使用，会报错。
是否可修改： const声明的变量一旦赋值就不能再被修改（对于基本类型而言），而let和var声明的变量可以被修改。

总的来说，const和let更加符合现代JavaScript的编程规范，可以避免一些var带来的潜在问题。