jQuery的deferred對象使用詳解
之前看別人的demo,發(fā)現(xiàn)在延遲對象被resolve時要執(zhí)行的代碼,有時會寫在deferred.then方法里執(zhí)行,有時會寫在deferred.done方法里執(zhí)行。
這讓對延遲對象一知半解的我非常困惑,今天抽時間研究了一下下,發(fā)現(xiàn):在某種環(huán)境下,兩個方法的確能實現(xiàn)同樣的效果。
這種特定的環(huán)境是怎樣呢?
先看一下deferred.done的用法:
// 創(chuàng)建deferred對象 var dtd = $.Deferred(); // 解決deferred對象 dtd.resolve('finish'); // 調用done方法 dtd.done(doneCallback [, doneCallback]) // 當deferred對象被 resolve 時,執(zhí)行doneCallback函數(shù) // 參數(shù)可為一個函數(shù)、多個函數(shù)或函數(shù)數(shù)組 // 返回原來的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函數(shù) // 當deferred對象被reject時,執(zhí)行failFilter函數(shù) // 當dederred對象被progress時,執(zhí)行progressFilter函數(shù) // 返回值: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
根據(jù)以上兩個方法的特性,發(fā)現(xiàn):
deferred.then
和deferred.done
方法都可以直接收一個參數(shù)函數(shù),且第一個參數(shù)函數(shù)都是在deferred對象在resolve時被調用。
雖說then方法可改變返回值,但在不考慮返回值且只有一個參數(shù)函數(shù)的前提下,兩個方法的確可以實現(xiàn)一樣的效果。
相比之下,done方法更純粹吧,then方法會更復雜一些,但不能完全替代done方法,使用then方法的話,還是小心些的好。
附Deferred對象的其它方法:
// 創(chuàng)建延遲對象 <br>var dtd = $.Deferred(); var state = dtd.state(); // 返回deferred對象當前狀態(tài),pending / resolved / rejected // 不接受任何參數(shù) deferred.always( alwaysCallback [, alwaysCallback] ); // 當deferred對象被解決或拒絕時,都執(zhí)行此方法 // 參數(shù)可以是一個函數(shù),或是一個函數(shù)數(shù)組 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函數(shù) // doneCallback可通過then方法中第一個參數(shù)設置,也可通過dtd.done( doneCallback )添加 // 參數(shù)將傳遞給doneCallback。參數(shù)可選 // 只有deferred對象的創(chuàng)建者才可以調用的方法 // doneCallback中this為deferred或promise對象 // doneCallback只接收一個參數(shù) dtd.resolveWith( context [,args] ) // 解決deferred對象,調用所有doneCallback函數(shù) // 參數(shù):第一個參數(shù)為上下文即this對象,doneCallback的this將被修改;第二個參數(shù)為數(shù)組 // doneCallback中this為調用resolveWith方法的上下文 // doneCallback接收參數(shù)個數(shù)為該方法第二個參數(shù)數(shù)組的長度 // 與resolve方法的區(qū)別在于,將改變doneCallback函數(shù)的this指向 dtd.reject( [args] ) // 拒絕deferred對象,調用所有failCallback函數(shù) // failCallback可通過then方法中第二個參數(shù)設置,也可通過dtd.fail( failCallback )添加 // 參數(shù)將傳遞給failCallback。參數(shù)可選 // 只有deferred對象的創(chuàng)建者才可以調用的方法 // failCallback中this為deferred或promise對象 // failCallback只接收一個參數(shù) dtd.rejectWith(context, [args] ) // 解決deferred對象,調用所有failCallback函數(shù) // 參數(shù):第一個參數(shù)為上下文即this對象,failCallback的this將被修改;第二個參數(shù)為數(shù)組 // failCallback中this為調用rejectWith方法的上下文 // failCallback接收參數(shù)個數(shù)為該方法第二個參數(shù)數(shù)組的長度 // 與resolve方法的區(qū)別在于,將改變failCallback函數(shù)的this指向 dtd.notify( [args] ) // deferred進行處理時,調用所有的progressCallback函數(shù) // progressCallback可通過then方法中的第3個參數(shù)設置,也可以通過deferred.progress( progressCallback )添加 // 通常此方法只能被deferred對象的創(chuàng)建者調用,可通過deferred.promise或then過濾此方法 // 參數(shù)可不寫。若寫有參數(shù),建議為字符串或可返回字符串的函數(shù) // 當deferred進入 resolved 或rejected狀態(tài)后,再調用notify方法,progressCallback將不再被執(zhí)行 dtd.notifyWith(context, [args] ) // deferred進行處理時, 調用所有progressCallback函數(shù) // 參數(shù):第一個參數(shù)為上下文即this對象,progressCallback的this將被修改;第二個參數(shù)為數(shù)組 // progressCallback中this為調用rejectWith方法的上下文 // progressCallback接收參數(shù)個數(shù)為該方法第二個參數(shù)數(shù)組的長度 // 與resolve方法的區(qū)別在于,將改變progressCallback函數(shù)的this指向 // 當deferred進入 resolved 或rejected狀態(tài)后,再調用notifyWith方法,progressCallback將不再被執(zhí)行
相關文章
jQuery formValidator表單驗證插件開源了 含API幫助、源碼、示例
ajaxValidator函數(shù)在提交后發(fā)生錯誤,停留在本頁面后,再次觸發(fā)校驗會讓提示內容一直處于onload狀態(tài)。2008-08-08jquery實現(xiàn)全選、反選、獲得所有選中的checkbox
這篇文章主要介紹了jquery實現(xiàn)全選、反選、獲得所有選中的checkbox功能,對checkbox感興趣的小伙伴們可以參考一下2015-12-12EasyUI學習之Combobox級聯(lián)下拉列表(2)
這篇文章主要為大家詳細介紹了EasyUI學習之Combobox級聯(lián)下拉列表的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12使用jQuery實現(xiàn)WordPress中的Ctrl+Enter和@評論回復
相信大家對QQ中的Ctrl+Enter快捷回復和微博上的@指名回復功能都不陌生,在WordPress的評論欄方面我們同樣可以添加這樣的功能,一起來看使用jQuery實現(xiàn)WordPress中的Ctrl+Enter和@評論回復的方法:2016-05-05jQuery 順便學習下CSS選擇器 奇偶匹配nth-child(even)
今天學習jQuery,看到nth-child(even)用法,特意找了下這個選擇器的用法,在CSS3標準中,用法很強大。2010-05-05