ES11，也被称为 JavaScript 2020，是 JavaScript 语言的最新版本。与早期版本相比，ES11 提供了一些新的功能和扩展，以帮助开发人员更轻松地编写代码。其中一个新的扩展是词法绑定（Lexical Bindings）。
什么是词法绑定？
在 JavaScript 中，词法作用域是指在编写代码时定义变量的地方。在函数中，词法作用域指的是函数体内的作用域，而不是函数调用时的作用域。词法绑定是指定义变量和绑定变量的行为，它可以确保变量在正确的作用域内被定义和引用。
在 ES11 中，词法绑定可以通过两种方式实现：let 和 const。
词法绑定的两种方式
let
let 关键字用于定义一个块级作用域的变量。块级作用域是指大括号 { } 内的作用域。在块级作用域中使用 let 声明的变量，只能在当前作用域内使用。
- --- - - --- --------------- -- -- - --------------- -- --------------- - -- --- -------
const
const 关键字与 let 相似，也用于定义一个块级作用域的变量。与 let 不同的是，const 声明的变量不允许被重新赋值。
- ----- - - --- - - --- -- ---------- ---------- -- -------- --------- -
词法绑定 VS var
在早期的 JavaScript 版本中，我们使用的是 var 关键字来声明变量。与 let 和 const 不同的是，var 声明的变量是函数作用域，而不是块级作用域。这就导致了一些奇怪的行为：
-------- -------------- -
--- ---- - - -- - - -- ---- -
---------------
-
--------------- -- -- --- ---------
-上面的例子中，我们在函数体内使用 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