新变量，新规则：使用 let 和 const 释放 ES6 的威力

前端

2023-11-09 21:57:02

在 JavaScript 的不断发展过程中，ES6 的到来带来了许多激动人心的新特性，其中包括革命性的变量声明方法：let 和 const。这些关键词对变量的使用方式产生了深远影响，提高了代码的清晰度、安全性以及总体质量。

打破 var 的束缚

在 ES6 之前，JavaScript 只有单一的变量声明 var。虽然 var 简单易用，但它却引入了许多问题，例如变量提升和作用域泄露。

let 和 const 通过为变量分配不同的规则来解决这些问题，让开发人员能够更好地控制变量的行为。

let：可变声明

let 关键字用于声明可变变量，这意味着它们的值可以在程序执行过程中被重新赋值。与 var 不同，let 变量受块级作用域限制，这意味着它们仅在声明它们的代码块内可见。

const：常量声明

const 关键字用于声明常量，这意味着它们的值在声明后不能被更改。与 let 类似，const 变量也具有块级作用域。

使用 let 和 const 的好处

引入 let 和 const 带来了以下好处：

增强代码清晰度： 通过限制变量的作用域，let 和 const 提高了代码的可读性和可维护性。
提高安全性： const 变量不可重新赋值，这消除了意外修改关键变量的风险。
减少错误： 块级作用域消除了意外覆盖其他变量的可能性，从而减少了错误的发生。

示例

以下示例展示了 let 和 const 的使用：

//使用 var
function exampleVar() {
  var i;
  for (i = 0; i < 10; i++) {
    console.log(i); // 输出: 0-9
  }
  console.log(i); // 输出: 10 (变量提升)
}

//使用 let
function exampleLet() {
  for (let i = 0; i < 10; i++) {
    console.log(i); // 输出: 0-9
  }
  console.log(i); // ReferenceError: i is not defined
}

//使用 const
const PI = 3.14159;
PI = 3.14; // TypeError: Assignment to constant variable.