jQuery继续每个循环 - Javascript

在编写Javascript代码时，我们常常需要在循环中执行一些异步操作。然而，Javascript的异步特性会导致我们在循环内部处理异步操作时遇到一些问题。

这时，jQuery库就能派上用场。jQuery提供了一些强大的方法，如$.when和$.Deferred，能够让我们继续执行循环，直到所有异步操作都完成。

使用$.when和$.Deferred

首先，假设我们有一个包含10个异步操作的数组operations，我们想在每个操作完成后打印出done。通常，我们会尝试使用for循环处理它们：

var operations = [/* ... */];

for (var i = 0; i < operations.length; i++) {
  $.ajax({
    url: operations[i],
    success: function () {
      console.log('done');
    }
  });
}

然而，由于异步操作的特性，for循环会很快地执行完毕，而$.ajax会在循环完成之后才开始执行。

为了解决这个问题，我们可以使用$.when和$.Deferred。$.when接受若干个$.Deferred对象，并在所有对象都成功解决后执行回调函数。我们可以将每个$.ajax请求包装成一个$.Deferred对象，然后将这些对象传递给$.when。

var operations = [/* ... */];
var deferreds = [];

for (var i = 0; i < operations.length; i++) {
  deferreds.push($.ajax({
    url: operations[i],
    success: function () {
      console.log('done');
    }
  }));
}

$.when.apply($, deferreds).then(function () {
  console.log('all done');
});

在循环中，我们将每个$.ajax请求包装成一个$.Deferred对象，并将它们加入一个数组deferreds中。

然后，我们将这个数组作为参数传递给$.when，并注册一个回调函数，在所有请求都完成时打印出all done。

使用Promise

除了$.when和$.Deferred外，我们还可以使用ES6中的Promise对象来处理异步操作。Promise是一种代表一个异步操作的对象，它能够告诉我们该操作是已经完成、正在进行中还是已经失败。

以下是使用Promise处理异步操作的示例代码：

var operations = [/* ... */];
var promises = [];

for (var i = 0; i < operations.length; i++) {
  promises.push(new Promise(function (resolve, reject) {
    $.ajax({
      url: operations[i],
      success: resolve,
      error: reject
    });
  }));
}

Promise.all(promises).then(function () {
  console.log('all done');
}).catch(function (error) {
  console.error(error);
});

在循环中，我们创建一个Promise对象，并在对象的构造函数中调用$.ajax。我们使用resolve和reject作为回调函数来指示异步操作的成功或失败。

然后，我们将这些Promise对象加入一个数组promises中，并使用Promise.all方法等待所有异步操作的完成。我们还注册了一个回调函数，用于在所有操作完成时打印出all done。如果有任何一个异步操作失败，我们还可以使用catch方法处理异常。

总结

在Javascript中，处理异步操作的一个常见问题是如何在循环中继续执行代码，直到所有异步操作都完成。jQuery库提供了$.when和$.Deferred方法，可以让我们等待所有异步操作的完成，并在它们完成后执行回调函数。另外，ES6中的Promise对象也提供了类似的功能，可以让我们更加方便地处理异步操作。