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

promise

一個(gè)promise就是一個(gè)由 異步函數(shù)返回的對象 。當(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ù)用來停止動(dòng)畫，一個(gè)用來發(fā)起一個(gè)新的AJAX請求，一個(gè)用來將接受到的數(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)之間并不會發(fā)生變量混亂。當(dāng)一個(gè)AJAX調(diào)用結(jié)束時(shí)，它保持了一個(gè)成功狀態(tài)或者失敗狀態(tài)，這個(gè)狀態(tài)不會發(fā)生改變。

你可以合并promises。有時(shí)你需要同時(shí)進(jìn)行兩個(gè)AJAX請求并且想要在兩個(gè)AJAX請求都成功時(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對象 });

deferred

簡單說，deferred對象就是jQuery的回調(diào)函數(shù)解決方案。在英語中，defer的意思是”延遲”，所以deferred對象的含義就是”延遲”到未來某個(gè)點(diǎn)再執(zhí)行。

一個(gè) deferred對象 能做的和一個(gè)promise對象差不多，但是它有兩個(gè)函數(shù)來觸發(fā) done()和fail()函數(shù) 。

一個(gè)deferred對象擁有一個(gè)resolve()函數(shù)來處理一個(gè)成功的結(jié)果并執(zhí)行與done()相關(guān)的函數(shù)。reject()函數(shù)則用來處理失敗的結(jié)果并執(zhí)行與fail()相關(guān)的函數(shù)。

你可以給resolve()和reject()函數(shù)都提供參數(shù)，然后它們都將傳遞給與done()和fail()相關(guān)的回調(diào)函數(shù)。

總結(jié)

jQuery 的ajax 就是返回一個(gè)promise 對象，里面含有done(), fail()方法； deferred 就是實(shí)現(xiàn)返回這個(gè)promise 對象的過程。

最新評論