在 JavaScript 中，变量的作用域可以分为全局作用域和函数作用域。ES6 引入了 let 和 const 关键字，使得我们可以在块级作用域中定义变量。而在 ES11 中，块级作用域的功能进一步得到了增强，允许在静态块中运行代码来引入一次性的到达。
静态块
ES11 引入了静态块（Static block）的概念。静态块是指在类中以大括号 {} 包裹的一段代码块，它会在类被加载时运行，而不是在实例化时运行。静态块中可以定义变量、函数、类等等，也可以执行任意的 JavaScript 代码。
静态块的语法如下：
----- ------- -
------ -
-- -------
-
-块级作用域
在静态块中，我们可以使用 let 或 const 关键字定义变量，这些变量的作用域仅限于静态块内部。这意味着，我们可以在静态块中引入一次性的到达，而不必担心变量污染全局作用域。
----- ------- -
------ -
--- - - --
----- - - --
-------------- --- -- - -
-
-在上面的示例中，我们定义了两个变量 x 和 y，它们的作用域仅限于静态块内部。在静态块外部无法访问这些变量。
指导意义
静态块为我们提供了一种在类加载时运行一次性代码的方式。它可以用于初始化静态变量、注册事件监听器等等。另外，静态块中的代码可以访问类的静态成员，这使得我们可以在静态块中对静态成员进行操作。
----- ------- -
------ ---------- - ------
------ -
-------------------------------- -- ---
------------------ - ------
-
-
-------------------------------- -- ---在上面的示例中，我们定义了一个静态属性 staticProp，并在静态块中对其进行了修改。静态块中的代码可以访问类的静态成员，因此我们可以在静态块中对静态成员进行初始化或修改。
总结
ES11 中的块级作用域允许在静态块中运行代码来引入一次性的到达。静态块可以用于初始化静态变量、注册事件监听器等等。静态块中的代码可以访问类的静态成员，这使得我们可以在静态块中对静态成员进行操作。静态块中定义的变量的作用域仅限于静态块内部，不会污染全局作用域。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65e0451d1886fbafa4d7d638