為什麼 `for` 循環中的 `setTimeout` 會列印最後一個值兩次，我該如何修復它？

在for 循環中使用setTimeout 進行連續值輸出

您在嘗試使用setTimeout 列印連續值時遇到了問題在for 循環中，但它會導致最後一個值被列印兩次。發生這種情況是因為當您直接在 setTimeout 函數中使用變數 i 時，其值會在函數執行時更新。要解決此問題，必須為每次迭代建立 i 的不同副本。

提供的解決方案透過宣告一個名為 doSetTimeout 的輔助函數來實現此目的。在此函數中，宣告了一個新變數來保存 i 的當前值，然後在建立逾時時將其作為參數傳遞。這可確保每個逾時函數都有自己獨特的 i 副本，從而消除執行期間值更新的任何問題。

function doSetTimeout(i) {
  setTimeout(function() {
    alert(i);
  }, 100);
}

for (var i = 1; i <= 2; ++i)
  doSetTimeout(i);

使用此解決方案，您可以按預期成功列印連續值 1 和 2。

以上是為什麼 `for` 循環中的 `setTimeout` 會列印最後一個值兩次，我該如何修復它？的詳細內容。更多資訊請關注PHP中文網其他相關文章！