亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

when方法的設計

when也是一個非常有用的方法,常用于合并多個異步操作:

$.when(d1,d2,d3,d4......).done(function(v1, v2,v3...) {
    //等待所有異步加載完畢后執行
}); 

用法很簡單,把所有的異步丟到when中,when會處理所有的結果。當然d1,d2,d3都是有規范的,都是通過Deferred產生的。

具體的用法見右側代碼編輯器中的代碼。

如果向 jQuery.when() 傳入延遲對象,那么會返回它的 Promise 對象(延遲方法的一個子集)。可以繼續綁定 Promise 對象的其它方法,例如, defered.then 。當延遲對象已經被解決(resolved)或被拒絕(rejected)(通常是由創建延遲對象的最初代碼執行的),那么就會調用適當的回調函數。例如,由 jQuery.ajax() 返回的 jqXHR 對象是一個延遲對象,可以向下面這樣使用:

$.when($.ajax("test.aspx")).then(function(data, textStatus, jqXHR) {
  alert(jqXHR.status); // alerts 200
});


我們通過模擬的代碼,可以很簡單的分析整個流程:

  1. 傳遞了多個異步對象,然后遍歷每個異步對象給每一個對象綁定done、fail、progess方法,無非就是監聽每一個異步的狀態(成功,失?。?,如果是完成了自然會激活done方法。

  2. updateFunc是監聽方法,通過判斷異步對象執行的次數來決定是不是已經完成了所有的處理或者是失敗處理

  3. 因為when也要形成異步操作,比如when().done(),所以內部必須新建一個jQuery.Deferred()對象,用來給后面鏈式調用。

  4. 此刻監聽所有異步對象(d1,d2...)的updateFunc的處理都完畢了,會給一個正確的通知給when后面的done方法,因為done是通過第三步jQuery.Deferred()創建的,所以此時就需要發送消息到這個上面,即:

deferred.resolveWith(contexts, values);

  5. 內部的jQuery.Deferred()因為外部綁定了when().done(),所以done自然就收到了updateFunc給的消息了,可以繼續之后的操作了。

所以整個執行流程就是這樣簡單,我們通過右邊最簡單的模擬出這個效果。

整個when的設計其實最終還是依賴了jQuery.Deferred內部處理的機制,一層套一層。當然jQuery的異步設計邏輯也確實很復雜,需要思維跳轉很活躍,某一個時間在這里,下一個片段又要另一個地方去了,不是按照同步代碼這樣執行的。需要大家有一定的空間跳躍力了。

任務

?不會了怎么辦
||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?