在上一篇文章里面，我們?yōu)镴avaScript異步調(diào)用框架設(shè)計了一種鏈式調(diào)用方式，來增強異步調(diào)用隊列的代碼可讀性，現(xiàn)在我們就來編寫實現(xiàn)這部分功能的代碼。

調(diào)用入口

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

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

在這里我們可以看到，鏈式調(diào)用本身也是一個Async.Operation，鏈式調(diào)用所需的go方法和next方法都是在Async.Operation上面做的擴展，并且這個擴展不會很難，這將在下一小節(jié)說明。

擴展方法

我們都知道，通過addCallback方法添加的回調(diào)函數(shù)是會被逐一執(zhí)行的，至少同步函數(shù)如此，因此我們可以用Async.Operation的這一特性來維護異步調(diào)用隊列，前提是我們?yōu)樗由蠈Ξ惒秸{(diào)用進行隊列的支持。

對于異步調(diào)用進行隊列的支持，我們稍后再來處理，首先我們利用現(xiàn)成的addCallback方法和yield方法擴展出go方法和next方法。

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

實際上，go方法和next方法直接調(diào)用的正是yield方法和addCallback方法。go方法的語義與yield方法一樣，傳遞一個參數(shù)給Async.Operation實例，并且啟動調(diào)用隊列。同時，next方法的語義和addCallback方法，添加一個調(diào)用到隊列的末端。

異步隊列

如何才能讓原本僅支持同步的隊列變得也支持異步？這需要檢測隊列中的每一個調(diào)用的返回，如果返回類型為Async.Operation，我們知道是JavaScript異步調(diào)用，從而使用特殊的方法等它執(zhí)行完后再執(zhí)行下去。

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)用返回了一個Async.Operation實例，我們就利用它自身的addCallback方法幫我們執(zhí)行隊列中余下的調(diào)用。準確來說，是我們構(gòu)造了一個新的調(diào)用鏈，把隊列余下的調(diào)用都轉(zhuǎn)移到新的調(diào)用鏈上，然后讓當前異步調(diào)用在回調(diào)中啟動這個新的調(diào)用鏈。

此外還有一些地方我們需要略作修改，以兼容新的異步調(diào)用隊列的。例如result、state、completed的狀態(tài)變更，在鏈式調(diào)用中是有所不同的。

小結(jié)

我們在原有的Async.Operation上略作修改，使得它支持異步調(diào)用隊列，完整的代碼看這里：支持鏈式調(diào)用的異步調(diào)用框架Async.Operation。

現(xiàn)在我們已經(jīng)擁有了一個功能強大的Async.Operation。這個JavaScript異步調(diào)用框架的功能越來越強大了。

【編輯推薦】

1. JavaScript異步調(diào)用框架的jQuery風格鏈式調(diào)用
2. JavaScript異步調(diào)用框架的代碼實現(xiàn)
3. JavaScript異步調(diào)用框架用例設(shè)計
4. JavaScript異步調(diào)用框架問題描述
5. 淺談如何用Javascript+VML實現(xiàn)流程設(shè)計器