jQuery.when()方法

jQuery.when()方法用于等待多个异步操作完成后执行回调函数，可以传入多个延迟对象或回调函数。当所有异步操作都完成时，才会执行回调函数，非常适合处理并发请求或多个操作的情况。

jQuery.when()方法

jQuery.when()方法是一个非常有用的函数，它可以让你等待多个异步操作完成后执行相应的回调函数。这个方法可以极大地简化JavaScript代码的编写，使得处理异步任务变得更加简单和可维护。

什么是异步操作？

在JavaScript中，有一些操作是异步执行的，也就是说它们不会阻塞后续的代码执行。一些常见的异步操作包括Ajax请求、定时器、Promise对象等。异步操作常常需要等待一段时间才能返回结果，而在这段等待时间内，JavaScript的执行流程会继续往下执行。

使用jQuery.when()方法等待多个异步操作

jQuery.when()方法可以接收多个jQuery延迟对象作为参数，并返回一个新的延迟对象。这个新的延迟对象只有在所有参数中的延迟对象都已经解决（即异步操作都已经完成）时才会被解决。

下面是一个使用jQuery.when()方法等待两个异步操作完成的示例：

“`javascript
var defer1 = $.ajax({ url: ‘url1’ });
var defer2 = $.ajax({ url: ‘url2’ });

$.when(defer1, defer2).done(function(response1, response2){
// 在这里处理返回的结果
});
“`

上面的代码中，我们使用$.ajax()方法创建了两个延迟对象defer1和defer2，分别代表两个Ajax请求。然后，通过$.when()方法传入这两个延迟对象，并使用.done()方法来定义回调函数。当两个延迟对象都解决时，回调函数将被执行。

处理回调函数的参数

当所有延迟对象都已经解决时，回调函数将会被执行。回调函数的参数是一个数组，包含了所有解决的延迟对象返回的数据。

“`javascript
$.when(defer1, defer2).done(function(response1, response2){
console.log(response1[0]); // 第一个延迟对象返回的数据
console.log(response2[0]); // 第二个延迟对象返回的数据
});
“`

在上面的例子中，通过response1[0]和response2[0]可以分别获取到第一个延迟对象和第二个延迟对象返回的数据。

结合jQuery.then()来处理多个异步操作

除了使用.done()方法之外，我们还可以使用.then()方法来处理多个异步操作。.then()方法可以在所有延迟对象都已经解决后执行相应的回调函数，并且通过返回一个新的promise对象，可以实现链式调用。

“`javascript
$.when(defer1, defer2).then(function(response1, response2){
// 在这里处理返回的结果
}).then(function(response1, response2){
// 在这里继续处理返回的结果
});
“`

在上面的例子中，第一个.then()方法返回的新的延迟对象可以继续通过第二个.then()方法进行处理。

总结

jQuery.when()方法是一个非常强大的函数，它可以让我们更简单地处理多个异步操作。通过使用它，我们可以等待多个异步操作完成后执行相应的回调函数，并且可以使用.then()方法实现链式调用。这使得处理复杂的异步任务变得更加简单和可维护。