一、deferred对象是什么？
defer："延迟"，所以deferred对象的含义就是"延迟"到未来某个点再执行。
在JS中，某些场景下需要对数据进行请求或者遍历操作，为了程序不会阻塞，我们为这些操作指定回调函数（callback）：提前规定当它们运行结束，应该执行哪些操作。
二、Ajax请求操作
传统写法
$.ajax()操作完成后，如果使用的是低于1.5.0版本的jQuery，返回的是XHR对象，无法进行链式操作；如果高于1.5.0版本，返回的是deferred对象，可以进行链式操作。
链式写法
采用链式写法后，极大提高了代码可读性。
优点一：允许添加多个回调函数
同一操作的多个回调函数
优点二：允许为多个操作指定同一个回调函数，涉及到新方法$.when()
多个操作的同一回调函数
三、普通操作
deferred对象的回调函数接口，不仅适用于ajax操作，也适用于所有操作。
因为$.when()的参数只能是deferred对象，所以这样写的话，done()方法会立即执行，起不到回调函数的作用。
wait()函数运行完，就会自动运行done()方法指定的回调函数
四、deferred.resolve()方法和deferred.reject()方法
deferred对象三种执行状态：未完成、已完成、已失败
如果执行状态是"已完成"resolve()，调用done()方法指定的回调函数；
如果执行状态是"已失败"reject()，调用fail()方法指定的回调函数；
如果执行状态是"未完成"，则继续等待，或调用progress()方法指定的回调函数（jQuery1.7版本新增）。
五、防止执行状态被外部改变的方法
1、deferred.promise()方法
作用：在原来的deferred对象上返回另一个deferred对象，后者只开放与改变执行状态无关的方法（比如done()方法和fail()方法），屏蔽与改变执行状态有关的方法（比如resolve()方法和reject()方法），从而使得执行状态不能被改变。
注意：在上述代码示例中，dfd是一个全局对象，所以它的执行状态可以从外部改变，这是要避免的，这里就可以用到promise()方法来防止这种情况。
1.将dfd对象变成wait()函数的内部对象 2.函数返回promise对象 3.回调函数绑定在这个promise对象上面，而不是原来的deferred对象上面
这样的好处是，无法改变promise对象的执行状态，要想改变执行状态，只能操作原来的deferred对象，但是因为原来的deferred对象是在函数内部声明的，所以外部也无法改变执行状态。
2、使用deferred对象的建构函数$.Deferred()
jQuery规定，$.Deferred()可以接受一个函数名（注意，是函数名）作为参数，$.Deferred()所生成的deferred对象将作为这个函数的默认参数。
$.Deferred()所生成的deferred对象将作为这个函数的默认参数
3、在wait对象上部署deferred接口
dtd.promise(wait)就是在wait对象上部署Deferred接口
六、总结
1、$.Deferred() 生成一个deferred对象。
2、deferred.done() 指定操作成功时的回调函数。
3、deferred.fail() 指定操作失败时的回调函数。
4、 deferred.promise() 没有参数时，返回一个新的deferred对象，该对象的运行状态无法被改变；接受参数时，作用为在参数对象上部署deferred接口。
5、deferred.resolve() 手动改变deferred对象的运行状态为"已完成"，从而立即触发done()方法。
6、deferred.reject() 方法与deferred.resolve()相反，调用后将deferred对象的运行状态变为"已失败"，从而立即触发fail()方法。
7、$.when() 为多个操作指定回调函数。
8、deferred.then()方法是done()和fail()的结合写法。
then()第一个参数是done()方法的回调函数，第二个参数是fail()方法的回调方法
9、deferred.always()方法作用是，不管调用的是deferred.resolve()还是deferred.reject()，最后总会执行。
等同于try catch finally中的finally
网友评论