ES11 对 JavaScript 的新扩展 (with 词法绑定视角）-JavaScript中文网-JavaScript教程资源分享门户

ES11，也被称为 JavaScript 2020，是 JavaScript 语言的最新版本。与早期版本相比，ES11 提供了一些新的功能和扩展，以帮助开发人员更轻松地编写代码。其中一个新的扩展是词法绑定（Lexical Bindings）。

什么是词法绑定？

在 JavaScript 中，词法作用域是指在编写代码时定义变量的地方。在函数中，词法作用域指的是函数体内的作用域，而不是函数调用时的作用域。词法绑定是指定义变量和绑定变量的行为，它可以确保变量在正确的作用域内被定义和引用。

在 ES11 中，词法绑定可以通过两种方式实现：let 和 const。

词法绑定的两种方式

let

let 关键字用于定义一个块级作用域的变量。块级作用域是指大括号 { } 内的作用域。在块级作用域中使用 let 声明的变量，只能在当前作用域内使用。

{
  let x = 10;
  console.log(x); // 10
}
console.log(x); // ReferenceError: x is not defined

const

const 关键字与 let 相似，也用于定义一个块级作用域的变量。与 let 不同的是，const 声明的变量不允许被重新赋值。

{
  const x = 10;
  x = 20; // TypeError: Assignment to constant variable.
}

词法绑定 VS var

在早期的 JavaScript 版本中，我们使用的是 var 关键字来声明变量。与 let 和 const 不同的是，var 声明的变量是函数作用域，而不是块级作用域。这就导致了一些奇怪的行为：

function scopeExample() {
  for (var i = 0; i < 5; i++) {
    console.log(i);
  }
  console.log(i); // 5, not undefined
}

上面的例子中，我们在函数体内使用 var 定义了一个变量 i。在 for 循环中，我们将 i 的值从 0 到 4 循环输出。但是在循环外部，我们可以看到 i 的值是 5，而不是 undefined。这是因为 var 定义的变量具有函数作用域，函数内的所有变量都可以被访问。

使用 let 和 const 定义的变量只在当前块级作用域内可见。这个特性既可以使代码更加可靠，也可以减少错误和调试时间。

总结

词法绑定提供了更加可靠和安全的变量绑定，同时也避免了一些奇怪的 JavaScript 行为。当你在编写新的 JavaScript 代码时，应优先考虑使用 let 和 const 定义变量，而不是使用 var。这将使你的代码更加健壮、易于调试和维护。

可能你会想，词法绑定并不是一个新概念，因为 JavaScript 已经使用词法作用域了很长时间。然而，let 和 const 的出现确保了 JavaScript 中使用词法作用域更加简单、安全和普遍。

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