ES6 中的 let 和 const 再也不担心变量覆盖-JavaScript中文网-JavaScript教程资源分享门户

在 ES6 中，let 和 const 成为了定义变量的两种新方式，相比以前的 var，它们拥有更强大的语法和功能。比较常见的用法是在块级作用域中定义变量，这样不仅可以避免变量污染和覆盖，还能提升程序的性能，让代码更加简洁易读。

let

let 的作用主要是定义一个块级作用域内的变量，它的用法和 var 类似，但是具备了更加严谨的特点。在一般的程序中，常常会出现变量覆盖的问题，导致程序出现异常或者死循环，而 let 及时的解决了这个问题。

示例代码如下：

for (let i = 0; i < 10; i++) {
  console.log(i);
}
console.log(i); // ReferenceError

这里用 let 定义了一个 i 变量，这个变量只在 for 循环内部有效，而在循环外，就无法访问到这个变量。

const 的作用是定义一个常量，它的特点是定义的变量一旦被赋值，就不能再被改变，这样可以更好的保障代码的健壮性和安全性，避免误操作带来的问题。

示例代码如下：

const PI = 3.14;
PI = 3; // TypeError: Assignment to const variable.

这里用 const 定义了一个常量 PI，在后面的代码中，如果再次给它赋值，就会出现类型错误。

在使用变量的时候，要尽量避免使用 var，而是采用 let 和 const，因为它们在语法和功能上更加完善和强大。另外，块级作用域必须要与箭头函数和模板字符串一起使用才能发挥最大的效果。

最后，建议大家在日常的开发中，尽可能的使用 let 和 const，避免变量覆盖和污染，让代码更加整洁、高效、可维护。

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