详解jQuery中的deferred对象的使用（一）

首先，jQuery中的deferred对象是一种异步编程技术，它主要用于处理多个异步操作之间的关系、顺序以及成功或失败的处理。接下来，我将详细讲解“详解jQuery中的deferred对象的使用（一）”的完整攻略。

一、deferred对象的定义和基本使用

我们可以通过以下代码来创建deferred对象：

var deferred = $.Deferred();

接下来，我们可以使用deferred对象提供的方法来控制异步操作的流程和状态，比如：

• resolved()方法：标识当前异步操作已经成功完成；
• rejected()方法：标识当前异步操作已经失败；
• done()方法：添加成功回调函数；
• fail()方法：添加失败回调函数；
• always()方法：添加不论成功与否都将执行的回调函数；

示例代码如下：

var deferred = $.Deferred();

// 添加异步操作
setTimeout(function () {
    if (Math.random() > 0.5) {
        deferred.resolve("success!");
    } else {
        deferred.reject("failed!");
    }
}, 1000);

// 添加回调函数
deferred.done(function (result) {
    console.log(result);
}).fail(function (error) {
    console.error(error);
}).always(function () {
    console.log("done!");
});

在这个例子中，我们使用setTimeout模拟了一个异步操作，然后通过判断随机数的大小来决定异步操作的结果，如果随机数大于0.5，则调用deferred对象的resolve方法标识异步操作成功，否则调用reject方法标识异步操作失败。当deferred对象状态变为成功或失败时，就会分别执行done方法或fail方法所对应的回调函数。

二、deferred对象的链式调用和合并

deferred对象还支持链式调用和合并，我们可以在多个异步操作之间创建一条deferred对象的链，然后在链的末尾添加回调函数来处理最终的结果。示例代码如下：

var deferred1 = $.Deferred();
var deferred2 = $.Deferred();
var deferred3 = $.Deferred();

$.when(deferred1, deferred2, deferred3).done(function (result1, result2, result3) {
    console.log(result1);
    console.log(result2);
    console.log(result3);
});

deferred1.resolve("hello");
deferred2.resolve("world");
deferred3.resolve("!");

// 或者
// $.when(deferred1.resolve("hello"), deferred2.resolve("world"), deferred3.resolve("!")).done(function (result1, result2, result3) {
//     console.log(result1);
//     console.log(result2);
//     console.log(result3);
// });

在这个例子中，我们使用了jQuery提供的when方法将多个deferred对象合并成为一个新的deferred对象，并通过链式调用的方式指定了done方法所对应的回调函数。当所有deferred对象状态都变为成功时，就会执行回调函数。

总的来说，deferred对象是一种非常强大的异步编程技术，它可以帮助我们更加方便地控制异步操作的流程和状态，并且支持链式调用和合并，无论是在前端还是后端，都有着广泛的应用场景。