在 JavaScript 中，使用 var 声明变量在一些情况下是有问题的。特别是在数组中，使用 var 声明变量可能会导致一些预料之外的行为。本文将深入探讨这个问题，并提供一些解决方案。
问题描述
在 JavaScript 中，可以使用 var、let 或 const 声明变量。var 是早期版本的 JavaScript 中使用的方式，而 let 和 const 是 ES6 标准引入的新语法。虽然 var 在某些情况下仍然可以使用，但在数组中使用时会出现一些问题。
考虑以下示例代码：
-- -------------------- ---- -------
--- --- - ---
--- ---- - - -- - - -- ---- -
------------------- -
---------------
---
-
------------------------ -
-----
---上述代码创建了一个空数组 arr，并通过一个 for 循环向其中添加了五个函数，每个函数都打印变量 i 的值。最后，调用了数组的 forEach 方法遍历并执行数组中的所有函数。
如果你运行这段代码，你会发现它输出了五个 5。这并不是我们想要的结果 —— 我们希望看到的是输出 0 到 4 的五个数字。这是因为在 var 声明变量时，它们的作用域是函数级别而不是块级别。这意味着每个函数都引用了同一个变量 i，而这个变量在循环结束后的值是 5。
解决方案
要解决这个问题，有几种方法可以尝试。
使用 let
ES6 引入的 let 变量声明方式具有块级作用域，因此对于上述示例代码，只需将 var 替换为 let 即可：
-- -------------------- ---- -------
--- --- - ---
--- ---- - - -- - - -- ---- -
------------------- -
---------------
---
-
------------------------ -
-----
---使用 let 声明变量 i 后，输出结果将会是预期的 0 到 4。
使用闭包
另一种解决方法是使用闭包。在每次循环中，我们可以创建一个新的闭包，以保存当前循环迭代中的 i 值。代码如下：
-- -------------------- ---- -------
--- --- - ---
--- ---- - - -- - - -- ---- -
------------ -
------------------- -
---------------
---
------
-
------------------------ -
-----
---在这个版本的代码中，我们创建了一个立即执行的函数，并将 i 作为参数传递给它。在函数内部，我们创建了一个新的变量 j，并将其设置为传递进来的参数值。然后我们将一个新的函数添加到数组中，这个函数打印出 j 的值。
使用闭包的好处是可以避免使用新的语法，并且在较旧的浏览器版本中也可以使用该方法。
结论
在 JavaScript 中，使用 var 声明变量时需要小心，特别是在循环的上下文中。如果你需要在循环中使用变量，请考虑使用 let 或闭包来解决问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13128