快捷導(dǎo)航

JavaScript 異步調(diào)用框架 (Part 5 - 鏈?zhǔn)綄?shí)現(xiàn))

更新時(shí)間：2009年08月04日 00:11:43 作者：

在上一篇文章里面，我們?yōu)楫惒秸{(diào)用框架設(shè)計(jì)了一種鏈?zhǔn)秸{(diào)用方式，來(lái)增強(qiáng)異步調(diào)用隊(duì)列的代碼可讀性，現(xiàn)在我們就來(lái)編寫實(shí)現(xiàn)這部分功能的代碼。

調(diào)用入口
鏈?zhǔn)秸{(diào)用存在Async.go方法和Async.chain方法兩個(gè)入口，這兩個(gè)入口本質(zhì)上是一致的，只是Async.chain方法在調(diào)用時(shí)先不提供初始參數(shù)，而Async.go方法在調(diào)用時(shí)提供了初始參數(shù)并啟動(dòng)異步調(diào)用鏈。

復(fù)制代碼代碼如下:

 
Async.chain = function() { 
var chain = new Async.Operation({ chain: true }); 
return chain; 
}; 
Async.go = function(initialArgument) { 
return Async.chain().go(initialArgument); 
} 

在這里我們可以看到，鏈?zhǔn)秸{(diào)用本身也是一個(gè)Async.Operation，鏈?zhǔn)秸{(diào)用所需的go方法和next方法都是在Async.Operation上面做的擴(kuò)展，并且這個(gè)擴(kuò)展不會(huì)很難，這將在下一小節(jié)說(shuō)明。
擴(kuò)展方法
我們都知道，通過(guò)addCallback方法添加的回調(diào)函數(shù)是會(huì)被逐一執(zhí)行的，至少同步函數(shù)如此，因此我們可以用Async.Operation的這一特性來(lái)維護(hù)異步調(diào)用隊(duì)列，前提是我們?yōu)樗由蠈?duì)異步調(diào)用進(jìn)行隊(duì)列的支持。
對(duì)于異步調(diào)用進(jìn)行隊(duì)列的支持，我們稍后再來(lái)處理，首先我們利用現(xiàn)成的addCallback方法和yield方法擴(kuò)展出go方法和next方法。

復(fù)制代碼代碼如下:

 
this.go = function(initialArgument) { 
return this.yield(initialArgument); 
} 
this.next = function(nextFunction) { 
return this.addCallback(nextFunction); 
}; 

實(shí)際上，go方法和next方法直接調(diào)用的正是yield方法和addCallback方法。go方法的語(yǔ)義與yield方法一樣，傳遞一個(gè)參數(shù)給Async.Operation實(shí)例，并且啟動(dòng)調(diào)用隊(duì)列。同時(shí)，next方法的語(yǔ)義和addCallback方法，添加一個(gè)調(diào)用到隊(duì)列的末端。
異步隊(duì)列
如何才能讓原本僅支持同步的隊(duì)列變得也支持異步？這需要檢測(cè)隊(duì)列中的每一個(gè)調(diào)用的返回，如果返回類型為Async.Operation，我們知道是異步調(diào)用，從而使用特殊的方法等它執(zhí)行完后再執(zhí)行下去。

復(fù)制代碼代碼如下:

 
callbackResult = callback(self.result); 
self.result = callbackResult; 
if (callbackResult && callbackResult instanceof Async.Operation) { 
innerChain = Async.chain(); 
while (callbackQueue.length > 0) { 
innerChain.next(callbackQueue.shift()); 
} 
innerChain.next(function(result) { 
self.result = result; 
self.state = "completed"; 
self.completed = true; 
return result; 
}); 
callbackResult.addCallback(function(result) { 
self.result = result; 
innerChain.go(result); 
}); 
} 

如果調(diào)用返回了一個(gè)Async.Operation實(shí)例，我們就利用它自身的addCallback方法幫我們執(zhí)行隊(duì)列中余下的調(diào)用。準(zhǔn)確來(lái)說(shuō)，是我們構(gòu)造了一個(gè)新的調(diào)用鏈，把隊(duì)列余下的調(diào)用都轉(zhuǎn)移到新的調(diào)用鏈上，然后讓當(dāng)前異步調(diào)用在回調(diào)中啟動(dòng)這個(gè)新的調(diào)用鏈。
此外還有一些地方我們需要略作修改，以兼容新的異步調(diào)用隊(duì)列的。例如result、state、completed的狀態(tài)變更，在鏈?zhǔn)秸{(diào)用中是有所不同的。
小結(jié)
我們?cè)谠械腁sync.Operation上略作修改，使得它支持異步調(diào)用隊(duì)列，完整的代碼看這里：支持鏈?zhǔn)秸{(diào)用的異步調(diào)用框架Async.Operation。
現(xiàn)在我們已經(jīng)擁有了一個(gè)功能強(qiáng)大的Async.Operation，接下來(lái)我們就要看看如何將它投入到更多常見的使用模式中去

您可能感興趣的文章: