JavaScript非同步呼叫架構的鏈式實現

在上一篇文章裡面，我們為JavaScript非同步呼叫架構設計了一種鏈式調用方式，來增強非同步呼叫隊列的代碼可讀性，現在我們就來編寫實現這部分功能的代碼。

調用入口

鏈式調用存在Async.go方法和Async.chain方法兩個入口，這兩個入口本質上是一致的，只是Async.chain方法在調用時先不提供初始參數，而Async.go方法在調用時提供了初始參數並啟動非同步呼叫鏈。

 

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

在這裡我們可以看到，鏈式調用本身也是一個Async.Operation，鏈式調用所需的go方法和next方法都是在Async.Operation上面做的擴充，並且這個擴充不會很難，這將在下一小節說明。

擴充方法

我們都知道，通過addCallback方法添加的回呼函數是會被逐一執行的，至少同步函數如此，因此我們可以用Async.Operation的這一特性來維護非同步呼叫隊列，前提是我們為它加上對非同步呼叫進行隊列的支援。

對於非同步呼叫進行隊列的支援，我們稍後再來處理，首先我們利用現成的addCallback方法和yield方法擴充出go方法和next方法。

 

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

實際上，go方法和next方法直接調用的正是yield方法和addCallback方法。go方法的語義與yield方法一樣，傳遞一個參數給Async.Operation執行個體，並且啟動調用隊列。同時，next方法的語義和addCallback方法，添加一個調用到隊列的末端。

非同步隊列

如何才能讓原本僅支援同步的隊列變得也支援非同步？這需要檢測隊列中的每一個調用的返回，如果傳回型別為Async.Operation，我們知道是JavaScript非同步呼叫，從而使用特殊的方法等它執行完後再執行下去。

 

  
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);  
  
  });  
  
} 
 

如果調用返回了一個Async.Operation執行個體，我們就利用它自身的addCallback方法幫我們執行隊列中餘下的調用。準確來說，是我們構造了一個新的調用鏈，把隊列餘下的調用都轉移到新的調用鏈上，然後讓當前非同步呼叫在回調中啟動這個新的調用鏈。

此外還有一些地方我們需要略作修改，以相容新的非同步呼叫隊列的。例如result、state、completed的狀態變更，在鏈式調用中是有所不同的。

小結

我們在原有的Async.Operation上略作修改，使得它支援非同步呼叫隊列，完整的代碼看這裡：支援鏈式調用的非同步呼叫架構Async.Operation。

現在我們已經擁有了一個功能強大的Async.Operation。這個JavaScript非同步呼叫架構的功能越來越強大了。

1. JavaScript非同步呼叫架構的jQuery風格鏈式調用
2. JavaScript非同步呼叫架構的代碼實現
3. JavaScript非同步呼叫架構用例設計
4. JavaScript非同步呼叫架構問題描述
5. 淺談如何用Javascript+VML實現流程設計器