如何正確處理 JavaScript For 迴圈內的非同步函數？

在JavaScript for 迴圈中呼叫非同步函數

在JavaScript for 迴圈中使用非同步函數時，可能會遇到與非同步執行和變數作用域相關的問題。

考慮以下程式碼：

for (var i = 0; i < list.length; i++) {
  mc_cli.get(list[i], function (err, response) {
    do_something(i);
  });
}

在此例如，mc_cli.get 是一個非同步函數，它在操作完成時呼叫回調函數。但是，由於回調是非同步的，因此它可能會在 for 迴圈結束後執行，這可能會導致不正確的行為。

在回調中使用 do_something 函數時會出現另一個問題。由於變數 i 是循環變量，因此它的值在循環執行過程中會發生變化。因此，do_something(i) 將始終使用循環中 i 的最後一個值，這不是所需的行為。

要解決這些問題，常見的方法是使用閉包。閉包可讓您圍繞變數建立新的作用域，確保其值在整個非同步操作中保持一致。但是，在提供的範例中，閉包未正確實現。

正確的實現是在循環內創建一個可以訪問i 當前值的內部函數：

for (var i = 0; i < list.length; i++) {
  (function (i) {
    mc_cli.get(list[i], function (err, response) {
      do_something(i);
    });
  })(i);
}

在這種情況下，內部函數有自己的作用域，可以從外循環訪問i 的值。不過，需要注意的是，外部循環需要在呼叫 mc_cli.get 之前完成，否則您可能仍然會遇到問題。

或者，您可以在數組上使用 forEach 方法，該方法提供列表項目以及回調中的索引，完全消除了閉包的需要：

list.forEach(function (listItem, index) {
  mc_cli.get(listItem, function (err, response) {
    do_something(index);
  });
});

以上是如何正確處理 JavaScript For 迴圈內的非同步函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！