Deferred和Promise之間有什麼區別呢?
promise
一個promise就是一個由 異步函數返回的對象 。當你想要自己編寫一個這樣的函數時你需要使用一個deferred。
var promise = $.ajax({ url: "/myServerScript" }); promise.done(mySuccessFunction); promise.fail(myErrorFunction); var promise = $.ajax({ url: "/myServerScript" }); promise.then(mySuccessFunction,myErrorFunction);
使用Promises的好處有以下幾點:
你可以多次調用done()和fail()函數,並使用不同的回調函數。或許你的一個回調函數用來停止動畫,一個用來發起一個新的AJAX請求,一個用來將接受到的數據展示給用戶。
var promise = $.ajax({ url: "/myServerScript" }); promise.done(myStopAnimationFunction); promise.done(myOtherAjaxFunction); promise.done(myShowInfoFunction); promise.fail(myErrorFunction);
即使在AJAX調用完成之後,你依然可以調用done()和fail()函數,並且回調函數可以立即執行。不同的狀態之間並不會發生變量混亂。當一個AJAX調用結束時,它保持了一個成功狀態或者失敗狀態,這個狀態不會發生改變。
你可以合並promises。有時你需要同時進行兩個AJAX請求並且想要在兩個AJAX請求都成功時調用一個函數。為了完成這個任務,你需要使用一個新的$.when()函數:
var promise1 = $.ajax("/myServerScript1"); var promise2 = $.ajax("/myServerScript2"); $.when(promise1, promise2).done(function(xhrObject1, xhrObject2) { // 處理兩個XHR對象 });
deferred
簡單說,deferred對象就是jQuery的回調函數解決方案。在英語中,defer的意思是”延遲”,所以deferred對象的含義就是”延遲”到未來某個點再執行。
一個 deferred對象 能做的和一個promise對象差不多,但是它有兩個函數來觸發 done()和fail()函數 。
一個deferred對象擁有一個resolve()函數來處理一個成功的結果並執行與done()相關的函數。reject()函數則用來處理失敗的結果並執行與fail()相關的函數。
你可以給resolve()和reject()函數都提供參數,然後它們都將傳遞給與done()和fail()相關的回調函數。
總結
jQuery 的ajax 就是返回一個promise 對象,裡面含有done(), fail()方法; deferred 就是實現返回這個promise 對象的過程。