這篇文章主要介紹了jQuery中的Deferred和promise 的區(qū)別的相關(guān)資料,需要的朋友可以參考下
Deferred和Promise之間有什么區(qū)別呢?
promise
一個promise就是一個由 異步函數(shù)返回的對象 。當(dāng)你想要自己編寫一個這樣的函數(shù)時你需要使用一個deferred。
var promise = $.ajax({
url: "/myServerScript"
});
promise.done(mySuccessFunction);
promise.fail(myErrorFunction);
var promise = $.ajax({
url: "/myServerScript"
});
promise.then(mySuccessFunction,myErrorFunction);
使用Promises的好處有以下幾點:
你可以多次調(diào)用done()和fail()函數(shù),并使用不同的回調(diào)函數(shù)?;蛟S你的一個回調(diào)函數(shù)用來停止動畫,一個用來發(fā)起一個新的AJAX請求,一個用來將接受到的數(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)一個AJAX調(diào)用結(jié)束時,它保持了一個成功狀態(tài)或者失敗狀態(tài),這個狀態(tài)不會發(fā)生改變。
你可以合并promises。有時你需要同時進(jìn)行兩個AJAX請求并且想要在兩個AJAX請求都成功時調(diào)用一個函數(shù)。為了完成這個任務(wù),你需要使用一個新的$.when()函數(shù):
var promise1 = $.ajax("/myServerScript1");
var promise2 = $.ajax("/myServerScript2");
$.when(promise1, promise2).done(function(xhrObject1, xhrObject2) { // 處理兩個XHR對象 });
deferred
簡單說,deferred對象就是jQuery的回調(diào)函數(shù)解決方案。在英語中,defer的意思是”延遲”,所以deferred對象的含義就是”延遲”到未來某個點再執(zhí)行。
一個 deferred對象 能做的和一個promise對象差不多,但是它有兩個函數(shù)來觸發(fā) done()和fail()函數(shù) 。
一個deferred對象擁有一個resolve()函數(shù)來處理一個成功的結(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 就是返回一個promise 對象,里面含有done(), fail()方法; deferred 就是實現(xiàn)返回這個promise 對象的過程。