Deferred对象讲解

什么是deferred对象

在开发过程中,经常会遇到ajax请求,或者大数据处理的情况,请求的数据或处理结果不会马上返回,通常的做法就是需要设置一个回调callback来执行完成后的操作。
deferred操作就是jquery或zepto回调函数解决方案。
它解决了耗时操作的问题,对那些操作的方法起到了更好的控制,并且有了统一的接口。

介绍一下deffered的参数

  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()方法。 
     $.when($.ajax( "/main.html" )).then(successFunc, failureFunc );
    如果then()有两个参数,那么第一个参数是done()方法的回调函数,第二个参数是fail()方法的回调方法。如果then()只有一个参数,那么等同于done()。
    9.deferred.always()这个方法也是用来指定回调函数的,它的作用是,不管调用的是deferred.resolve()还是deferred.reject(),最后总是执行。

.always( function() { alert("已执行!");} );```

普通耗时请求 setTimeout

         console.log("执行二");```

假如想让上面的代码顺序执行,怎么做呢?普通方式是把后面执行的内容也同时包裹在setTimout里面,但是用deffered就不同了。它是通过一个包裹接口,等前置任务执行完成再进行下一步的操作。
``` var wait2 = function(){ var tasks = function(){  
alert("执行完毕test!");   };  
 setTimeout(tasks,5000); }; 
$.when(wait2()) .done(function(){ alert("哈哈,成功了!"); })  .fail(function(){ alert("出错啦!"); }); ```
上面的方法还是会先执行done或fail里的函数,使用defferred的改写方法如下:
``` function wait(){ var dtd = $.Deferred(); // 新建一个Deferred对象 
setTimeout(function(){ console.log("执行任务1"); 
dtd.resolve("1任务");// 改变Deferred对象的执行状态 },100); return dtd.promise(); }; 
wait().done(function(data){ console.log(data+"执行完成了"); });```
还有另外一种写法 
```var dtd1 = $.Deferred(); // 新建一个Deferred对象 var wait1=function(dtd){ 
setTimeout(function(){ 
console.log("执行任务2"); 
dtd1.resolve("2任务");// 改变Deferred对象的执行状态 
},100); }; 
dtd1.promise(wait1); 
wait1.done(function(data){ 
console.log(data+"执行完成了"); });
wait1(dtd1);```
### ajax请求的写法老版本不支持deffered方法 
``` $.ajax({ url: "test.html",
success: function(){ alert("哈哈,成功了!"); }, 
error:function(){ alert("出错啦!"); } });```
$.ajax()操作完成后,高于1.5.0版本,返回的是deferred对象,可以进行链式操作。
``` $.ajax("test.html") 
  .done(function(){ alert("哈哈,成功了!"); })
  .fail(function(){ alert("出错啦!"); });  ```
deferred对象的一大好处,就是它允许你自由添加多个回调函数。``` $.ajax("test.html")  
.done(function(){ alert("哈哈,成功了!");} ) 
 .fail(function(){alert("出错啦!");} ) 
 .done(function(){ alert("第二个回调函数!");} ) 
.fail(function(){ alert("真的不好意思!"); } )```
deferred对象的另一大好处,就是它允许你为多个事件指定一个回调函数,这是传统写法做不到的。
``` $.when($.ajax("test1.html"), 
$.ajax("test2.html")) 
.done(function(){ alert("哈哈,成功了!"); }) 
.fail(function(){ alert("出错啦!"); }); ```
jquery从1.5.0开始具有了deffered功能 ,zepto使用deffered的时候需要引入两个插件"deferred","callbacks",把它放入zepto内容的最低部,就OK

参考文章 [阮一峰的Deffered文章](http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html),[zepto 1.1.6 api](http://www.css88.com/doc/zeptojs_api/)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容

  • jQuery的deferred对象详解 作者:阮一峰 一、什么是deferred对象? 开发网站的过程中,我们经常...
    JamHsiao_aaa4阅读 318评论 0 0
  • 一、什么是deferred对象? 二、ajax操作的链式写法 $.ajax({ url: "test.html",...
    金星show阅读 1,968评论 1 0
  • 一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有...
    壮哉我大前端阅读 258评论 0 1
  • 学习接纳不完美的自己,是一个困难又必须的修行。 无法接纳不完美的自己,往往导致恐惧、畏缩和无畏的压力。 自我...
    吴少杰1988阅读 73评论 0 2
  • 薇薇笑,缇娜叫。 南有乔木,北无月和鹿。 九月去,蘑菇来。 蘑菇不在,少女在。 奈奈醉,十点睡...
    放飞自我吧阅读 201评论 0 1