jQuery中的Deferred和promise 的區(qū)別
Deferred和Promise之間有什么區(qū)別呢?
promise
一個(gè)promise就是一個(gè)由 異步函數(shù)返回的對(duì)象 。當(dāng)你想要自己編寫一個(gè)這樣的函數(shù)時(shí)你需要使用一個(gè)deferred。
var promise = $.ajax({ url: "/myServerScript" }); promise.done(mySuccessFunction); promise.fail(myErrorFunction); var promise = $.ajax({ url: "/myServerScript" }); promise.then(mySuccessFunction,myErrorFunction);
使用Promises的好處有以下幾點(diǎn):
你可以多次調(diào)用done()和fail()函數(shù),并使用不同的回調(diào)函數(shù)?;蛟S你的一個(gè)回調(diào)函數(shù)用來(lái)停止動(dòng)畫,一個(gè)用來(lái)發(fā)起一個(gè)新的AJAX請(qǐng)求,一個(gè)用來(lái)將接受到的數(shù)據(jù)展示給用戶。
var promise = $.ajax({ url: "/myServerScript" }); promise.done(myStopAnimationFunction); promise.done(myOtherAjaxFunction); promise.done(myShowInfoFunction); promise.fail(myErrorFunction);
即使在AJAX調(diào)用完成之后,你依然可以調(diào)用done()和fail()函數(shù),并且回調(diào)函數(shù)可以立即執(zhí)行。不同的狀態(tài)之間并不會(huì)發(fā)生變量混亂。當(dāng)一個(gè)AJAX調(diào)用結(jié)束時(shí),它保持了一個(gè)成功狀態(tài)或者失敗狀態(tài),這個(gè)狀態(tài)不會(huì)發(fā)生改變。
你可以合并promises。有時(shí)你需要同時(shí)進(jìn)行兩個(gè)AJAX請(qǐng)求并且想要在兩個(gè)AJAX請(qǐng)求都成功時(shí)調(diào)用一個(gè)函數(shù)。為了完成這個(gè)任務(wù),你需要使用一個(gè)新的$.when()函數(shù):
var promise1 = $.ajax("/myServerScript1"); var promise2 = $.ajax("/myServerScript2"); $.when(promise1, promise2).done(function(xhrObject1, xhrObject2) { // 處理兩個(gè)XHR對(duì)象 });
deferred
簡(jiǎn)單說(shuō),deferred對(duì)象就是jQuery的回調(diào)函數(shù)解決方案。在英語(yǔ)中,defer的意思是”延遲”,所以deferred對(duì)象的含義就是”延遲”到未來(lái)某個(gè)點(diǎn)再執(zhí)行。
一個(gè) deferred對(duì)象 能做的和一個(gè)promise對(duì)象差不多,但是它有兩個(gè)函數(shù)來(lái)觸發(fā) done()和fail()函數(shù) 。
一個(gè)deferred對(duì)象擁有一個(gè)resolve()函數(shù)來(lái)處理一個(gè)成功的結(jié)果并執(zhí)行與done()相關(guān)的函數(shù)。reject()函數(shù)則用來(lái)處理失敗的結(jié)果并執(zhí)行與fail()相關(guān)的函數(shù)。
你可以給resolve()和reject()函數(shù)都提供參數(shù),然后它們都將傳遞給與done()和fail()相關(guān)的回調(diào)函數(shù)。
總結(jié)
jQuery 的ajax 就是返回一個(gè)promise 對(duì)象,里面含有done(), fail()方法; deferred 就是實(shí)現(xiàn)返回這個(gè)promise 對(duì)象的過程。
- 詳解JavaScript異步編程中jQuery的promise對(duì)象的作用
- jQuery的promise與deferred對(duì)象在異步回調(diào)中的作用
- 以jQuery中$.Deferred對(duì)象為例講解promise對(duì)象是如何處理異步問題
- Jquery promise實(shí)現(xiàn)一張一張加載圖片
- jQuery Deferred和Promise創(chuàng)建響應(yīng)式應(yīng)用程序詳細(xì)介紹
- 在jQuery1.5中使用deferred對(duì)象 著放大鏡看Promise
- 深入解析jQuery中Deferred的deferred.promise()方法
相關(guān)文章
JQuery.validationEngine表單驗(yàn)證插件(推薦)
這篇文章主要介紹了JQuery.validationEngine表單驗(yàn)證插件(推薦)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12jquery實(shí)現(xiàn)自適應(yīng)banner焦點(diǎn)圖
本文主要分享了jquery實(shí)現(xiàn)自適應(yīng)banner焦點(diǎn)圖的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02jQuery獲取table行數(shù)并輸出單元格內(nèi)容的實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery獲取table行數(shù)并輸出單元格內(nèi)容的實(shí)現(xiàn)方法,涉及jQuery針對(duì)表格與頁(yè)面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-06-06jquery+css實(shí)現(xiàn)動(dòng)感的圖片切換效果
這篇文章主要介紹了jquery+css實(shí)現(xiàn)動(dòng)感的圖片切換效果,效果實(shí)現(xiàn)很精致,動(dòng)畫簡(jiǎn)潔大方,推薦給大家,感興趣的小伙伴們可以參考一下2015-11-11