在JavaScript中,let
和 const
是用于声明变量的关键字,但它们有一些重要的区别
1.重新赋值:
let
声明的变量可以重新赋值。const
声明的变量必须在声明时初始化,并且之后不能重新赋值
let a = 10;
a = 20; // 有效,a 的值变为 20const b = 30;
b = 40; // 错误,TypeError: Assignment to constant variable.
2.块级作用域
let
和const
都具有块级作用域,这意味着它们只在声明它们的块(由{}
包围的代码块)内有效。- 相比之下,
var
声明的变量具有函数作用域或全局作用域(如果声明在函数外部),这可能会导致一些意外的行为。
if (true) {let x = 5;const y = 10;var z = 15;
}console.log(x); // 错误,x is not defined
console.log(y); // 错误,y is not defined
console.log(z); // 输出 15,因为 var 声明的变量具有函数作用域(或全局作用域)
3.暂时性死区(Temporal Dead Zone, TDZ):
- 在块级作用域内,
let
和const
声明的变量在声明之前存在一个“暂时性死区”,在这个区域内访问这些变量会抛出ReferenceError
。 var
声明的变量没有暂时性死区的问题。
console.log(foo); // 输出 undefined,因为 var 声明的变量会被提升到作用域的顶部,但值为 undefined
var foo = 'Hello';console.log(bar); // 错误,ReferenceError: Cannot access 'bar' before initialization
let bar = 'World';console.log(baz); // 错误,ReferenceError: Cannot access 'baz' before initialization
const baz = 'JavaScript';
常量性:
- 虽然
const
声明的是“常量”,但这并不意味着它的值不能改变。实际上,const
确保的是变量绑定的引用不能改变。如果const
绑定的是一个对象或数组,那么对象或数组的内容仍然可以修改。
const obj = { name: 'Alice' };
obj.name = 'Bob'; // 有效,obj 的内容改变了
console.log(obj.name); // 输出 'Bob'const arr = [1, 2, 3];
arr.push(4); // 有效,arr 的内容改变了
console.log(arr); // 输出 [1, 2, 3, 4]const arr2 = [1, 2, 3];
arr2 = [4, 5, 6]; // 错误,TypeError: Assignment to constant variable.