在 ES6 中，引入了两个新的变量声明方式：let 和 const。相比于 var，它们更加灵活且更加符合语言特性。本文将详细介绍 let 和 const 的用法和特性，以及在 ES6-11 中的变化。
let
let 声明的变量具有块级作用域，而 var 声明的变量只有函数作用域和全局作用域。块级作用域是指在花括号内声明的变量只在该块内有效。
function foo() {
if (true) {
var x = 1;
let y = 2;
}
console.log(x); // 1
console.log(y); // ReferenceError: y is not defined
}在上面的例子中，变量 x 在函数作用域内有效，而变量 y 只在 if 块内有效。使用 let 可以避免变量污染和作用域混淆的问题。
另外，let 声明的变量不允许重复声明。在同一作用域内，不能声明同名的 let 变量。
let x = 1; let x = 2; // SyntaxError: Identifier 'x' has already been declared
const
const 声明的变量也具有块级作用域，但是它声明的是常量，一旦声明后就不能再被赋值。
const PI = 3.1415926; PI = 3; // TypeError: Assignment to constant variable.
在上面的例子中，常量 PI 被赋值后就不能再被修改。这样可以避免代码中的错误修改和副作用问题。
需要注意的是，const 声明的变量并不是不可变的，它只是不可被重新赋值。如果变量是一个对象或数组，那么它的属性和元素是可以被修改的。
const arr = [1, 2, 3]; arr.push(4); console.log(arr); // [1, 2, 3, 4]
ES6-11 中的变化
在 ES6-11 中，let 和 const 的使用方式没有变化，但是它们的性能和优化有所提高。
let 和 const 变量的创建速度比 var 更快，因为它们的作用域更容易确定，不需要在全局作用域中创建变量。
在 for 循环中使用 let 声明的变量可以避免变量污染和作用域混淆的问题。在 ES6-11 中，for 循环中使用 let 声明的变量的性能也得到了优化。
for (let i = 0; i < 1000; i++) {
// do something
}
console.log(i); // ReferenceError: i is not defined- const 声明的常量比 let 和 var 变量更安全，因为它不能被重新赋值。在 ES6-11 中，const 声明的常量也得到了更好的性能优化。
总结
let 和 const 是 ES6 中引入的新的变量声明方式，它们具有块级作用域和更好的语言特性。在 ES6-11 中，它们的性能和优化也得到了提高。在代码编写中，应该尽量使用 let 和 const 替代 var，以避免变量污染和作用域混淆的问题。同时，在声明常量时应该使用 const，以避免代码中的错误修改和副作用问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e5749c1886fbafa410f05e