如何正确处理 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中文网其他相关文章！