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

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

$.Deferred的設計

由于1.7版本后$.Callbacks從Deferred中抽離出去了,目前版本的Deferred.js代碼不過150行,而真正$.Deferred的實現只有100行左右,實現的邏輯是相當犀利的。

因為Callback被剝離出去后,整個Deferred就顯得非常的精簡,代碼直接通過extend擴展到靜態接口上,對于extend的繼承這個東東,在之前就提及過jQuery如何處理內部jQuery與init相互引用this的問題,所以當jQuery.extend只有一個參數的時候,其實就是對jQuery靜態方法的一個擴展。

jQuery.extend({
   Deferred:function(func){
        ...省略代碼....
        return deferred
   },
   when:function(func){
      ...省略代碼....
      return deferred.promise();
   }
})

我們來具體看看2個靜態方法內部都干了些什么?

Deferred整體結構:右邊代碼所示。

Deferred就是一個簡單的工廠方法,有兩種方式使用:

var a = $.Deferred()
$.Deferred(function(){})

內部其實是嚴重依賴$.Callbacks對象,Callbacks就是用來儲存deferred依賴的數據的。

因為done、fail、progress就是jQuery.Callbacks("once memory")所有對應的處理:

var list = jQuery.Callbacks("once memory")
promise['done'] = list.add;

deferred定義了一系列的接口,堪稱一絕,100多行的代碼,精練的有些過分。

Deferred方法內部建議了2個對象,一個是deferred外部接口對象,一個是內部promise對象。

promise對象解釋是一個受限的對象, 這就是所謂的受限制的deferred對象,因為相比之前, 返回的deferred不再擁有resolve(With), reject(With), notify(With)這些能改變deferred對象狀態并且執行callbacklist的方法了,只能是then、done、fali等方法。

其內部通過tuples數組,存儲了所有的接口API,通過遍歷把所有的接口一次都掛到內部promise與deferred對象上。

其中定義了done、fail以及progress這幾個方法,其實就是Callbacks回調函數中的add方法,用與push外部的的數據,保存在隊列上。

我們通過resolve、reject以及notify其實也就是處理Callbacks中的隊列列表。

任務

?不會了怎么辦
||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

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

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

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

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

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

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

舉報

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

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?