DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> jQuery中的Deferred和promise 的區別
jQuery中的Deferred和promise 的區別
編輯:關於JavaScript     

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 對象的過程。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved