ES6 中的 let 和 const

在 JavaScript 中，变量的声明是通过 var 关键字实现的。但在 ES6 中，新引入了 let 和 const 关键字，使得变量的声明更加灵活和安全。本文将深入讲解 let 和 const 的用法及其指导意义。

let 的用法

let 也是声明变量的关键字，不同于 var 的是，let 是块级作用域，而 var 是函数作用域。块级作用域指的是 {} 内的区域，相当于给 {} 内部的代码块创建了一个单独的作用域，外部无法访问块级作用域内部的变量。

let x = 1;
if (true) {
  let x = 2; // 局部变量
  console.log(x); // 输出 2
}
console.log(x); // 输出 1

如上代码，内部和外部都声明了变量 x，但是内部和外部的 x 是独立的，内部的 x 不会影响外部的 x，这就是 let 的块级作用域。

同时，let 也不支持变量提升，即必须先声明后使用，否则会报错。

console.log(x); // 报错：Uncaught ReferenceError: x is not defined
let x = 1;

const 的用法

const 用于声明常量，声明后不可再次对其赋值。与 let 类似，const 也是块级作用域。

const PI = 3.1415926;
PI = 3; // 报错：Uncaught TypeError: Assignment to constant variable.

如上代码，使用 const 声明了常量 PI，在尝试修改常量 PI 的值时，会报错。

同时，使用 const 声明数组或对象时，数组或对象本身是不可修改的，但是数组或对象内部的值是可以修改的。

const arr = [1, 2, 3];
arr[0] = 0; // 可以修改数组内部的值
console.log(arr); // 输出 [0, 2, 3]

const obj = {a: 1, b: 2};
obj.a = 0; // 可以修改对象内部的值
console.log(obj); // 输出 {a: 0, b: 2}

指导意义

let 和 const 关键字的引入，让变量的声明更加规范和安全。使用 let 和 const，可以明确变量的作用范围，有效避免了变量污染和覆盖的问题，并且通过 const 的使用，可以将常量的值固定在一定程度上，减少了出错的机会。

推荐使用 const 声明不需要改变的常量，使用 let 声明需要修改的变量，在代码中使用合理的变量命名，有助于提高代码可维护性。

总结

通过本文的学习，我们了解了 let 和 const 的用法及其指导意义。

• let 是块级作用域，不支持变量提升，并且可以修改变量的值。
• const 用于声明常量，不可再次赋值，但是对象或数组内部的值是可以修改的。
• 合理使用 let 和 const 可以提高代码可维护性，规避变量污染和覆盖的问题。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645d6225968c7c53b0fdedf0