由于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 可將課程添加到書簽
舉報