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