deferred对象

deferred

deferred对象是什么

deferred对象就是jQuery的回调函数解决方案

开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。
其中，既有异步的操作，
也有同步的操作，它们都不是立即能得
到结果的。通常的做法是，为它们指定回调函数（callback）。
即事先规定，一旦它们运行结束，应该调用哪些函数。

它解决了如何处理耗时操作的问题，对那些操作提供了更好的控制，以及统一的编程接口。

主要功能

ajax操作的链式写法

jQuery的ajax操作的传统写法见demo1

新的写法 demo2
1.5以上版本返回deferred对象，可以进行链式操作，提高可读性

指定同一操作的多个回调函数

deferred对象的一大好处，就是它允许你自由添加多个回调函数。
demo2 中 如果ajax操作成功后，除了原来的回调函数，我还想再运行一个回调函数，怎么办？
很简单，直接把它加在后面就行了。

为多个操作指定回调函数

deferred对象的另一大好处，就是它允许你为多个事件指定一个回调函数，这是传统写法做不到的。
见demo3

普通操作的回调函数接口

deferred对象的最大优点，就是它把这一套回调函数接口，
从ajax操作扩展到了所有操作。也就是说，任何一个操作—-
不管是ajax操作还是本地操作，也不管是异步操作还是同步操作—-
都可以使用deferred对象的各种方法，指定回调函数。

demo4 有问题
改成 demo5

deferred.resolve()方法和deferred.reject()方法

jQuery规定，deferred对象有三种执行状态—-未完成，
已完成和已失败。如果执行状态是”已完成”（resolved）,deferred
对象立刻调用done()方法指定的回调函数；如果执行状态是”已失败”
，调用fail()方法指定的回调函数；如果执行状态是”未完成”，
则继续等待，或者调用progress()方法指定的回调函数

resolve()将dtd对象的执行状态从”未完成”改为”已完成”，从而触发done()方法。
reject()方法将dtd对象的执行状态从”未完成”改为”已失败”，从而触发fail()方法。见demo6

deferred.promise()方法

上面这种写法，还是有问题。那就是dtd是一个全局对象，
所以它的执行状态可以从外部改变。见demo7

为了避免这种情况，jQuery提供了deferred.promise()方法。
它的作用是，在原来的deferred对象上返回另一个deferred对象。
后者只开放与改变执行状态无关的方法（比如done()方法和fail()方法），
屏蔽与改变执行状态有关的方法（比如resolve()方法和reject()方法）
见demo8

还可以直接在wait对象上部署deferred接口
见demo9

总结

（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()方法的回调方法。如果then()只有一个参数，那么等同于done()。
（9）deferred.always()这个方法也是用来指定回调函数的，它的作用是，不管调用的是deferred.resolve()还是deferred.reject()，最后总是执行。

转自阮一峰的博客