jQuery中deferred对象的使用(二)
接上一回的內容,漏了一個always()方法,參數也是回調函數,與done和fail不同的是,無論任何情況都執行always方法中的回調。
deferred對象的使用(二)
deferred對象不光可以用在jquery的ajax方法中,他提供了一系列的接口,使它的通用型大大提高。
比如有這樣一個耗時比較久的方法
function a(){function b(){alert('start');} setTimeout(b, 3000); }如果要在這個方法之后執行某個回調,就不能用$.when()了,因為當$.when()的參數不為deferred對象是會直接調用done或者always中的回調函數。
這個時候就要使用deferred對象的其他方法了,還是上面的方法,做一些改寫
function a(){var def = $.Deferred(); // 創建deferred對象 function b(){alert('start');def.resolve(); // 改變deferred對象的狀態 } setTimeout(b, 3000); return def; }$.when(a()).done(function(){alert("It's callback"); });分析一下:
1. $.Deferred()方法會創建一個deferred對象
2. def.resolve()會改變deferred對象的狀態,deferred對象有三種狀態,未完成,成功,失敗。
它有resolve()和reject()兩個方法,resolve方法可以把對象狀態改為成功,reject方法可以把狀態改為失敗。
又有以上的寫法會出現問題,返回的deferred對象可以被外部改變狀態,所以還提供了一個promise()方法,這個方法會在deferred對象的基礎上返回一個新的deferred對象,不同的是,返回的對象只存在可被觀察到狀態,而不具備可改變其狀態的方法,類似返回了一個只讀的deferred對象。
所以同樣的例子可以改寫成這樣
function a(){var def = $.Deferred(); // 創建deferred對象 function b(){alert('start');def.resolve(); // 改變deferred對象的狀態 } setTimeout(b, 3000); return def.promise(); }$.when(a().reject()).done(function(){ // reject()方法無效alert("It's callback"); });?
轉載于:https://www.cnblogs.com/fxxkhigh/p/5535566.html
總結
以上是生活随笔為你收集整理的jQuery中deferred对象的使用(二)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ANTLR 4的C#实例
- 下一篇: 退一步 - 王阳明的心学智慧