ECMAScript 2020 入门：let、const、var-JavaScript中文网-JavaScript教程资源分享门户

ECMAScript 2020 入门：let、const、var

在前端开发中，我们经常会使用到 ES6/ES2015 新引入的 let 和 const 关键字。这两个新关键字的引入也给开发带来了很多实际的好处，比如防止变量的污染，提高变量的作用域等。而在 ECMAScript 2020 中，let 和 const 关键字都有了一些新的用法，同时 var 关键字也进行了一些改进和优化。

让我们一起来看看这三个关键字在 ECMAScript 2020 中的具体用法。

let 关键字是用来声明一个块级作用域变量的。不同于 var 关键字只能在全局或函数作用域内定义变量，let 关键字可以在 if、for、while、switch 等代码块内定义变量。

在定义一个变量时，我们通常都是使用 let 关键字来进行定义，这也成为了代码编写的一个良好的习惯。但是需要注意的是，如果在同一个作用域中重复定义一个变量，程序会报错。

下面是一个 let 关键字的使用示例：

function foo() {
  let a = 10;
  if (a > 5) {
    let b = a + 5;
    console.log(b);
  }
  console.log(a);
}

输出结果：

15
10

const

const 关键字用于定义一个常量，声明变量时必须进行初始化操作，且不能再次对变量进行赋值。和 let 关键字一样，const 也定义了一个块级作用域的变量。

需要注意的是，const 声明的常量并不是真正的“常量”，只是一个不可变的引用，因此 const 声明的变量本质上是不能被重新赋值的，但是对象或数组里的属性是可以被修改的。

下面是一个 const 关键字的使用示例：

const PI = 3.1415;
console.log(PI);

// 尝试对 PI 变量进行重新赋值，会引发误操作错误
PI = 1234;
console.log(PI);

输出结果：

3.1415
Uncaught TypeError: Assignment to constant variable.

在很多年前，var 关键字是定义变量的常用方式。但是 var 定义的变量会存在变量提升问题，这意味着无论定义变量的语句在什么位置，都会被视为在作用域顶部声明。

在 ECMAScript 2020 中，var 关键字仍然存在，但是变量提升的问题已得到优化和解决。

与 let 和 const 关键字不同，使用 var 定义变量后，这些变量会自动提升到函数作用域的顶部。如果变量在函数外声明，它将成为全局变量。

下面是一个 var 关键字的使用示例：

function foo() {
  var a = 10;
  if (a > 5) {
    var b = a + 5;
    console.log(b);
  }
  console.log(a);
}

输出结果：

15
10

总结

在 ECMAScript 2020 中，let、const 和 var 等三个关键字各有其特点。let 和 const 可以更好地控制变量的作用域，而 var 则可以便捷地定义全局变量。同时也要注意，不同的使用场景，选择不同的变量定义方式，才能让代码更具可读性和整洁性。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6545bdda7d4982a6ebf5c6f1