本篇文章為大家展示了JavaScript中怎么異步調(diào)用框架，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

成都創(chuàng)新互聯(lián)公司是一家以成都網(wǎng)站建設(shè)公司、網(wǎng)頁設(shè)計(jì)、品牌設(shè)計(jì)、軟件運(yùn)維、成都網(wǎng)站推廣、小程序App開發(fā)等移動開發(fā)為一體互聯(lián)網(wǎng)公司。已累計(jì)為航空箱等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開發(fā)服務(wù)。

調(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ù)并啟動異步調(diào)用鏈。

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ò)展不會很難，這將在下一小節(jié)說明。

擴(kuò)展方法

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

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

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

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

異步隊(duì)列

如何才能讓原本僅支持同步的隊(duì)列變得也支持異步？這需要檢測隊(duì)列中的每一個(gè)調(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)用返回了一個(gè)Async.Operation實(shí)例，我們就利用它自身的addCallback方法幫我們執(zhí)行隊(duì)列中余下的調(diào)用。準(zhǔn)確來說，是我們構(gòu)造了一個(gè)新的調(diào)用鏈，把隊(duì)列余下的調(diào)用都轉(zhuǎn)移到新的調(diào)用鏈上，然后讓當(dāng)前異步調(diào)用在回調(diào)中啟動這個(gè)新的調(diào)用鏈。

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

上述內(nèi)容就是JavaScript中怎么異步調(diào)用框架，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。