jQuery的deferred對象使用詳解
之前看別人的demo,發(fā)現在延遲對象被resolve時要執(zhí)行的代碼,有時會寫在deferred.then方法里執(zhí)行,有時會寫在deferred.done方法里執(zhí)行。
這讓對延遲對象一知半解的我非常困惑,今天抽時間研究了一下下,發(fā)現:在某種環(huán)境下,兩個方法的確能實現同樣的效果。
這種特定的環(huán)境是怎樣呢?
先看一下deferred.done的用法:
// 創(chuàng)建deferred對象
var dtd = $.Deferred();
// 解決deferred對象
dtd.resolve('finish');
// 調用done方法
dtd.done(doneCallback [, doneCallback])
// 當deferred對象被 resolve 時,執(zhí)行doneCallback函數
// 參數可為一個函數、多個函數或函數數組
// 返回原來的deferred或promise對象
再看下deferred.then的用法和特性:
// 創(chuàng)建deferred對象
var dtd = $.Deferred();
// 解決deferred對象
dtd.resolve('finish');
// 調用then方法
deferred.then(doneFilter [, failFilter] [, progressFilter])
// then方法特性:
// 當deferred對象被resolve時,執(zhí)行doneFilter函數
// 當deferred對象被reject時,執(zhí)行failFilter函數
// 當dederred對象被progress時,執(zhí)行progressFilter函數
// 返回值:1,返回deferred的promise對象,可修改promise傳遞的值( 原來resolve,reject 的返回值為a,將a修改為b,返回b,該promise的done或fail收到的返回值變?yōu)閎 );
// 返回值:2,在then方法內創(chuàng)建新的deferred對象并返回其promise
// 返回的promise對象可以鏈接其他的延遲對象,如done,fail,then等
// 多個then方法時,異步執(zhí)行( one by one )
// 該方法會過濾掉deferred修改狀態(tài)的方法,返回值deferred對象的promise
根據以上兩個方法的特性,發(fā)現:
deferred.then和deferred.done方法都可以直接收一個參數函數,且第一個參數函數都是在deferred對象在resolve時被調用。
雖說then方法可改變返回值,但在不考慮返回值且只有一個參數函數的前提下,兩個方法的確可以實現一樣的效果。
相比之下,done方法更純粹吧,then方法會更復雜一些,但不能完全替代done方法,使用then方法的話,還是小心些的好。
附Deferred對象的其它方法:
// 創(chuàng)建延遲對象 <br>var dtd = $.Deferred(); var state = dtd.state(); // 返回deferred對象當前狀態(tài),pending / resolved / rejected // 不接受任何參數 deferred.always( alwaysCallback [, alwaysCallback] ); // 當deferred對象被解決或拒絕時,都執(zhí)行此方法 // 參數可以是一個函數,或是一個函數數組 dtd.promise( [obj] ); // 目的: 防止其他代碼干涉其內部進度和狀態(tài) // 返回新的promise對象,包含可以執(zhí)行的方法( done, fail, then, always, progress, state, promise ), // 不包含修改Deferred狀態(tài)的方法( resolve, reject, notify, resolveWith, rejectWith, nodifyWith ) // 需返回deferred對象時,建議返回deferred.promise() dtd.resolve( [args] ) // 解決deferred對象,調用所有doneCallback函數 // doneCallback可通過then方法中第一個參數設置,也可通過dtd.done( doneCallback )添加 // 參數將傳遞給doneCallback。參數可選 // 只有deferred對象的創(chuàng)建者才可以調用的方法 // doneCallback中this為deferred或promise對象 // doneCallback只接收一個參數 dtd.resolveWith( context [,args] ) // 解決deferred對象,調用所有doneCallback函數 // 參數:第一個參數為上下文即this對象,doneCallback的this將被修改;第二個參數為數組 // doneCallback中this為調用resolveWith方法的上下文 // doneCallback接收參數個數為該方法第二個參數數組的長度 // 與resolve方法的區(qū)別在于,將改變doneCallback函數的this指向 dtd.reject( [args] ) // 拒絕deferred對象,調用所有failCallback函數 // failCallback可通過then方法中第二個參數設置,也可通過dtd.fail( failCallback )添加 // 參數將傳遞給failCallback。參數可選 // 只有deferred對象的創(chuàng)建者才可以調用的方法 // failCallback中this為deferred或promise對象 // failCallback只接收一個參數 dtd.rejectWith(context, [args] ) // 解決deferred對象,調用所有failCallback函數 // 參數:第一個參數為上下文即this對象,failCallback的this將被修改;第二個參數為數組 // failCallback中this為調用rejectWith方法的上下文 // failCallback接收參數個數為該方法第二個參數數組的長度 // 與resolve方法的區(qū)別在于,將改變failCallback函數的this指向 dtd.notify( [args] ) // deferred進行處理時,調用所有的progressCallback函數 // progressCallback可通過then方法中的第3個參數設置,也可以通過deferred.progress( progressCallback )添加 // 通常此方法只能被deferred對象的創(chuàng)建者調用,可通過deferred.promise或then過濾此方法 // 參數可不寫。若寫有參數,建議為字符串或可返回字符串的函數 // 當deferred進入 resolved 或rejected狀態(tài)后,再調用notify方法,progressCallback將不再被執(zhí)行 dtd.notifyWith(context, [args] ) // deferred進行處理時, 調用所有progressCallback函數 // 參數:第一個參數為上下文即this對象,progressCallback的this將被修改;第二個參數為數組 // progressCallback中this為調用rejectWith方法的上下文 // progressCallback接收參數個數為該方法第二個參數數組的長度 // 與resolve方法的區(qū)別在于,將改變progressCallback函數的this指向 // 當deferred進入 resolved 或rejected狀態(tài)后,再調用notifyWith方法,progressCallback將不再被執(zhí)行
相關文章
基于jquery-resizable創(chuàng)建可調整大小的表(table)格
本文介紹如何基于jquery-resizable實現可調整表格(table)列寬的代碼,需要的朋友可以參考下2023-06-06
jquery進行數組遍歷如何跳出當前的each循環(huán)
通過 jquery 的循環(huán)方法進行數組遍歷,但是當不符合條件時,怎么跳出當前循環(huán),解決方法如下,需要的朋友可以參考下2014-06-06

