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

promise

一個promise就是一個由 異步函數(shù)返回的對象 。當你想要自己編寫一個這樣的函數(shù)時你需要使用一個deferred。

var promise = $.ajax({
url: "/myServerScript"
});
promise.done(mySuccessFunction); 
promise.fail(myErrorFunction); 
var promise = $.ajax({
url: "/myServerScript"
}); 
promise.then(mySuccessFunction,myErrorFunction); 

使用Promises的好處有以下幾點：

你可以多次調用done()和fail()函數(shù)，并使用不同的回調函數(shù)。或許你的一個回調函數(shù)用來停止動畫，一個用來發(fā)起一個新的AJAX請求，一個用來將接受到的數(shù)據(jù)展示給用戶。

var promise = $.ajax({ url: "/myServerScript" });
promise.done(myStopAnimationFunction); promise.done(myOtherAjaxFunction); 
promise.done(myShowInfoFunction); promise.fail(myErrorFunction);

即使在AJAX調用完成之后，你依然可以調用done()和fail()函數(shù)，并且回調函數(shù)可以立即執(zhí)行。不同的狀態(tài)之間并不會發(fā)生變量混亂。當一個AJAX調用結束時，它保持了一個成功狀態(tài)或者失敗狀態(tài)，這個狀態(tài)不會發(fā)生改變。

你可以合并promises。有時你需要同時進行兩個AJAX請求并且想要在兩個AJAX請求都成功時調用一個函數(shù)。為了完成這個任務，你需要使用一個新的$.when()函數(shù)：

var promise1 = $.ajax("/myServerScript1"); 
var promise2 = $.ajax("/myServerScript2");
$.when(promise1, promise2).done(function(xhrObject1, xhrObject2) { // 處理兩個XHR對象 });

deferred

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

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

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

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

總結

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

最新評論