随着前端技术的发展，ES6 作为一种新的 JavaScript 语言标准已经成为了前端开发人员不可忽视的工具。本文将详细介绍 ES6 的新特性 let 和 const，并提供实际的代码示例，帮助读者深入学习这些特性并指导应用到实际开发中。
let
ES6 中新增了一个名为 let 的声明语句，用于声明块级作用域变量。与传统的 var 不同，let 声明的变量仅在当前的代码块中有效，不会影响到外部作用域。
语法格式
let variableName = value;
其中，variableName 表示变量名，value 表示变量的初始值。
示例
{
let x = 1;
console.log(x); // 1
}
console.log(x); // Uncaught ReferenceError: x is not defined上述示例中，变量 x 在代码块内部声明并赋值为 1，然后通过 console.log 打印变量 x 的值，结果为 1。但是在外部代码块中访问变量 x 时，会抛出一个 ReferenceError 异常，提示变量未定义。这说明变量 x 的作用域仅限于代码块内部。
块级作用域
块级作用域指的是代码块的范围，而不是函数的范围。在 ES6 之前，JavaScript 中只有全局作用域和函数作用域两种作用域，而没有块级作用域。在使用 var 声明变量时，如果变量在函数内部或者代码块内部声明，那么该变量的作用域仅限于函数或代码块内部。
闭包
使用 let 声明变量还有一个好处，就是可以避免在闭包中出现问题。如果在闭包中使用 var 声明变量，由于闭包可以访问到外部函数的变量，可能会出现变量覆盖的情况，导致代码出现不可预料的错误。而使用 let 声明变量，则可以将闭包中所需的变量声明在代码块内部，避免变量覆盖的问题。
const
除了 let，ES6 还新增了一个 const 声明语句，用于声明常量。与 let 不同，const 声明的变量的值是不可改变的，一旦赋值，就不能再被赋予其他的值。
语法格式
const variableName = value;
其中，variableName 表示变量名，value 表示变量的初始值。
示例
const PI = 3.14; PI = 3.1415; // Uncaught TypeError: Assignment to constant variable.
上述示例中，常量 PI 被声明为 3.14，当将其赋值为 3.1415 时，会抛出一个 TypeError 异常。
注意事项
需要注意的是，const 只是保证变量引用的地址不变，如果变量引用的是对象，那么对象内部的属性是可以修改的。这意味着，通过 const 声明一个对象时，虽然对象本身是不可改变的，但是对象内部的属性是可以改变的。
示例
const person = { name: 'tom', age: 20 };
person.age = 21;
console.log(person); // { name: 'tom', age: 21 }上述示例中，使用 const 声明一个对象 person，然后修改其中的 age 属性，虽然 person 本身是不可改变的，但是对象内部的属性是可以改变的。
总结
本文介绍了 ES6 的两个新特性 let 和 const，它们可以帮助开发者更好地管理代码的作用域和常量值。使用它们可以避免变量覆盖和误操作，更好地保证代码的正确性和可读性。在实际开发中，可以根据具体的业务场景和需求，灵活地应用这些新特性，提高代码的质量和效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/659022baeb4cecbf2d5a0da9