为什么 JavaScript `for` 循环中嵌套的 `setTimeout` 打印不连续的值？

理解问题：嵌套在 for 循环中的 setTimeout 中的非连续值打印

在 JavaScript 中，像 setTimeout 这样的异步函数会安排回调延迟后执行。当放置在循环中时，这可能会导致意外行为，其中回调访问的变量可能与循环的状态不同步。

示例：警告不正确的值

考虑提供的脚本：

for (var i = 1; i <p>此代码旨在连续警告值 1 和 2，而是输出 3 两次。原因在于 setTimeout 的异步特性，它创建了一个引用 i 当前值的回调。</p><p><strong>在没有函数字符串的情况下传递 i</strong></p><p>来解决这个问题为了确保连续的值打印，我们需要为每个 setTimeout 回调创建一个不同的 i 实例。这是一个解决方案：</p><pre class="brush:php;toolbar:false">function doSetTimeout(i) {
  setTimeout(function() {
    alert(i);
  }, 100);
}

for (var i = 1; i <p>通过为每个回调创建一个显式函数并将 i 作为参数传递，我们为循环的每次迭代创建 i 的单独副本。这允许回调在执行时引用 i 的正确值，确保 1 和 2 的连续打印。</p>

以上是为什么 JavaScript `for` 循环中嵌套的 `setTimeout` 打印不连续的值？的详细内容。更多信息请关注PHP中文网其他相关文章！