Deferred和Promise之間有什么區(qū)別呢？

promise

一個(gè)promise就是一個(gè)由 異步函數(shù)返回的對(duì)象 。當(dāng)你想要自己編寫(xiě)一個(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)畫(huà)，一個(gè)用來(lái)發(fā)起一個(gè)新的AJAX請(qǐng)求，一個(gè)用來(lái)將接受到的數(shù)據(jù)展示給用戶(hù)。

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ì)象的過(guò)程。

最新評(píng)論