在 JavaScript 中，我们经常需要创建变量来存储数据。有时这些数据是“静态”的，即在整个应用程序的生命周期中都保持不变。在这种情况下，可以使用静态变量。
什么是静态变量？
静态变量是指在整个程序运行期间都存在的变量。它们与实例变量或局部变量不同，后者只在对象或函数的作用域内存在。
在 JavaScript 中，没有内置的静态变量类型。然而，您可以使用闭包（closure）和立即调用函数表达式（IIFE）来模拟静态变量的行为。
使用闭包创建静态变量
闭包是一个函数和其相关的变量集合。当函数返回后，它们仍然存在于内存中，因此可以在以后的函数调用中访问这些变量。
以下示例演示如何使用闭包创建静态变量：
-- -------------------- ---- -------
-------- --------- -
--- ----- - --
------ ---------- -
--------
-------------------
-
-
----- --------- - ----------
------------ -- -- -
------------ -- -- -
------------ -- -- -在这个例子中，counter() 函数返回内部函数。这个内部函数形成了一个闭包，其中包含 count 变量。每次调用 increment() 函数时，都会执行闭包内的代码，并递增 count 变量的值。
由于闭包中的变量会继续存在于内存中，所以无论何时调用 increment() 函数，都将访问相同的 count 变量。这使得 count 成为一个静态变量。
使用 IIFE 创建静态变量
立即调用函数表达式（IIFE）是一种在定义后立即执行的 JavaScript 函数。它可以有效地创建私有作用域，从而实现静态变量的效果。
以下示例演示如何使用 IIFE 来创建静态变量：
-- -------------------- ---- -------
----- ------- - ----------- -
--- ----- - --
------ ---------- -
--------
-------------------
-
-----
---------- -- -- -
---------- -- -- -
---------- -- -- -在这个例子中，我们使用 IIFE 创建了一个闭包，其中包含 count 变量和一个匿名函数。这个匿名函数被立即执行并返回给 counter 变量。
由于 counter 变量包含匿名函数的引用，因此每次调用 counter() 函数时，实际上执行的是闭包内的代码。这使得 count 变量成为一个静态变量。
结论
在 JavaScript 中，没有内置的静态变量类型。但是，您可以使用闭包和立即调用函数表达式来模拟静态变量的行为。
使用闭包和 IIFE 创建静态变量具有以下优点：
- 它们有效地模拟了静态变量的行为。
- 它们可以保持数据的一致性，并且可以在整个应用程序的生命周期内使用。
希望这篇文章能够帮助您更好地理解如何在 JavaScript 中创建静态变量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26833