由于1.7版本后$.Callbacks從Deferred中抽離出去了,目前版本的Deferred.js代碼不過150行,而真正$.Deferred的實現(xiàn)只有100行左右,實現(xiàn)的邏輯是相當犀利的。
因為Callback被剝離出去后,整個Deferred就顯得非常的精簡,代碼直接通過extend擴展到靜態(tài)接口上,對于extend的繼承這個東東,在之前就提及過jQuery如何處理內(nèi)部jQuery與init相互引用this的問題,所以當jQuery.extend只有一個參數(shù)的時候,其實就是對jQuery靜態(tài)方法的一個擴展。
jQuery.extend({ Deferred:function(func){ ...省略代碼.... return deferred }, when:function(func){ ...省略代碼.... return deferred.promise(); } })
我們來具體看看2個靜態(tài)方法內(nèi)部都干了些什么?
Deferred整體結(jié)構(gòu):右邊代碼所示。
Deferred就是一個簡單的工廠方法,有兩種方式使用:
var a = $.Deferred() $.Deferred(function(){})
內(nèi)部其實是嚴重依賴$.Callbacks對象,Callbacks就是用來儲存deferred依賴的數(shù)據(jù)的。
因為done、fail、progress就是jQuery.Callbacks("once memory")所有對應的處理:
var list = jQuery.Callbacks("once memory") promise['done'] = list.add;
deferred定義了一系列的接口,堪稱一絕,100多行的代碼,精練的有些過分。
Deferred方法內(nèi)部建議了2個對象,一個是deferred外部接口對象,一個是內(nèi)部promise對象。
promise對象解釋是一個受限的對象, 這就是所謂的受限制的deferred對象,因為相比之前, 返回的deferred不再擁有resolve(With), reject(With), notify(With)這些能改變deferred對象狀態(tài)并且執(zhí)行callbacklist的方法了,只能是then、done、fali等方法。
其內(nèi)部通過tuples數(shù)組,存儲了所有的接口API,通過遍歷把所有的接口一次都掛到內(nèi)部promise與deferred對象上。
其中定義了done、fail以及progress這幾個方法,其實就是Callbacks回調(diào)函數(shù)中的add方法,用與push外部的的數(shù)據(jù),保存在隊列上。
我們通過resolve、reject以及notify其實也就是處理Callbacks中的隊列列表。
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報