ES6 中的 let 和 const 关键字详解-JavaScript中文网-JavaScript教程资源分享门户

ES6 中引入了两个新的关键字 let 和 const，它们与原有的 var 关键字的作用不同，给我们带来了更加方便的变量声明和管理方式。

let 关键字

let 关键字用于声明变量，相比于 var 声明的变量具有以下更加灵活的特点：

变量作用域为块级作用域，即变量只在当前代码块内有效。
不允许重复声明，试图在同一个作用域内重复声明同一个变量会报错。
不存在变量提升，即 let 声明的变量一定要在声明后使用。

下面是 let 的使用示例代码：

{
  let a = 1;
  console.log(a); // 1
}

console.log(a); // Uncaught ReferenceError: a is not defined

可以看到，变量 a 在块级代码块中声明，只在此代码块内有效，外部无法访问。

再看一个 let 不允许重复声明的示例代码：

let a = 1;
let a = 2; // Uncaught SyntaxError: Identifier 'a' has already been declared

由于两次声明了变量 a，因此会报错。

const 关键字

const 关键字用于声明常量，其基本用法与 let 相同，但是 const 声明的变量具有以下特点：

必须进行初始化，一旦声明即无法修改。
值的引用不可变，但是值本身可能可变。

下面是 const 的使用示例代码：

const PI = 3.1415926535;
PI = 3; // Uncaught TypeError: Assignment to constant variable.

const arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]

可以看到，常量 PI 在声明后不能修改；而数组 arr 声明后不能重新赋值，但是数组的内容可以修改。

总结

let 和 const 关键字给我们带来了更加灵活和清晰的变量管理方式。在实际开发中，我们应该尽量使用 let 和 const 声明变量和常量，尽量避免使用原有的 var 关键字。同时需要注意，let 和 const 的使用需要严格遵守其语法规则，否则会产生各种错误和不良后果。

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