jQuery 等待回调后继续循环

在本文中，我们将介绍如何使用jQuery在循环中等待回调执行完毕后继续执行。

简介

在JavaScript中，我们经常会遇到需要等待异步操作执行完毕后再继续循环的情况。而在使用jQuery时，我们可以利用Deferred对象来实现这一目的。Deferred对象提供了一种简洁的方式来处理异步操作，可以在异步操作完成时触发回调函数。

使用示例

假设我们有一个包含多个异步操作的循环，而我们希望在这些异步操作都执行完毕后再继续循环。下面是一个具体的案例：

var deferred = [];
for (var i = 0; i < 5; i++) {
  deferred[i] = .Deferred();
  setTimeout((function(i) {
    return function() {
      console.log('Async operation ' + i + ' done');
      deferred[i].resolve();
    };
  })(i), 1000);
}.when.apply($, deferred).done(function() {
  console.log('All async operations done');
  // 这里可以写下一步的逻辑
});

在上面的示例中，我们创建了一个包含5个异步操作的循环。每个异步操作都是通过setTimeout模拟的，延时1秒后执行。在每次异步操作执行完毕时，我们调用deferred对象的resolve方法来通知操作已完成。

然后使用$.when.apply($, deferred)来等待所有的deferred对象。apply方法将一个数组作为参数传递给when方法，这样我们就可以不用手动一个个传入。

最后，调用done方法来指定当所有异步操作都完成时触发的回调函数。在回调函数内部，我们可以编写后续的逻辑。

注意事项

在使用上述方法时，有几个需要注意的地方：

deferred对象的resolve方法被调用后，状态就变为已完成，它后续再调用resolve是无效的。因此在循环中必须通过闭包来传递参数。
在 $.when.apply($ , deferred)调用时，需要将deferred对象作为参数数组传入。如果直接传入deferred数组，将会导致when方法无法正确处理参数。