【JS基础】JS中 Let 和 Const 变量区别

在 JavaScript 中，let 和 const 都是用于声明变量的关键字，但它们之间有一些重要的区别：

可变性：
- let 允许在声明之后更改变量的值。这意味着您可以重新为使用 let 声明的变量分配任何类型的值：
```
let x = 1;
x = "text";
```
- const 用于声明常量，一旦声明了变量，它的值就不能改变。尝试更改使用 const 声明的变量的值将导致错误：
```
const x = 1;
x = "text"; // 抛出错误(TypeError: Assignment to constant variable)
```
作用域：
- let 和 const 都具有块级作用域。这意味着在使用它们声明变量时，变量仅在声明它们的代码块（例如：函数、循环或其他控制结构）中可用。这与使用 var 声明的变量不同，因为它们具有函数作用域：
```
if (true) {
      
      
  let x = 1;
  const y = 2;
}
console.log(x); // ReferenceError: x is not defined
console.log(y); // ReferenceError: y is not defined
```
变量提升：
- 在执行代码之前，var 声明的变量会被提升到函数作用域的顶部，但它们的初始化仍然保留在原始位置。这意味着，在赋值之前，可以访问使用 var 声明的变量（尽管此时它们的值是 undefined）。相反，let 和 const 声明的变量也会被提升，但是在被赋值之前，它们将处于临时性死区（TDZ），在这个阶段赋值操作将引发错误。
```
console.log(x); // undefined
console.log(y); // ReferenceError: Cannot access 'y' before initialization
console.log(z); // ReferenceError: Cannot access 'z' before initialization

var x = 1;
let y = 2;
const z = 3;
```

总之，let 和 const 是为了解决 var 声明的变量提升、作用域等问题而引入的新特性。当您需要一个仅在代码块中可用的且易于更改的变量时，使用 let；当您需要一个仅在代码块中可用且不可更改的变量时，使用 const。这有助于使代码更加健壮且易于理解。

Ref: 机器回答.

【JS基础】JS中 Let 和 Const 变量区别

猜你喜欢