jQuery.when()方法

jQuery.when()方法可以使多个异步任务在同时完成时触发回调函数。它接受多个deferred对象作为参数，如果所有的deferred对象都被解决了，就会触发.done()回调函数。这个方法非常实用，能够有效地管理多个异步任务的回调函数。

jQuery中的when()方法

在jQuery中，有一种非常有用的方法，叫做when()方法，在进行多个异步操作时特别有用。当需要在所有的异步操作都完成后执行某些操作时，就可以用when()方法来实现。

在使用when()方法前，我们需要先了解一下jQuery中的Deferred对象。Deferred对象是一个封装了回调函数的对象，它可以用来管理异步操作的状态。当一个异步操作完成时，我们可以通过resolve()方法来通知Deferred对象，让其触发回调函数。

当需要执行一系列异步操作时，我们可以将这些操作都封装为一个Deferred对象，然后将它们传给when()方法。when()方法接受任意个Deferred对象，当这些Deferred对象都执行resolve()方法后，when()方法才会触发回调函数。

举个例子，比如有三个异步操作，第一个操作是向服务器请求数据，第二个操作是将数据渲染到页面上，第三个操作是绑定一些事件。我们可以将这些操作都封装为Deferred对象，然后传给when()方法：

var loadData = $.Deferred();
var renderData = $.Deferred();
var bindEvents = $.Deferred();

$.ajax({
    url: 'http://www.example.com/api',
    success: function(data) {
        loadData.resolve(data);
    }
});
  
loadData.done(function(data) {
    $el.html(data);
    renderData.resolve();
});

renderData.done(function() {
    $('.item').on('click', function() {
        console.log('clicked');
    });
    bindEvents.resolve();
});

$.when(loadData, renderData, bindEvents).done(function() {
    console.log('All done');
});

在这个例子中，当所有异步操作都完成时，控制台会输出”All done”，这就说明了when()方法的作用。当然，我们也可以将多个Deferred对象作为一个数组传给when()方法。

需要注意的是，如果其中一个异步操作执行失败了，那么就会立即触发回调函数，不会等待其他异步操作完成。此时，回调函数会得到失败的那个Deferred对象的状态和返回值。

总的来说，使用when()方法可以帮助我们更好地管理异步操作，让代码更加清晰易懂。