天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

JavaScript 異步調用框架 (Part 2 - 用例設計)

傳遞回調
我們首先要考慮的一個問題是,如何傳遞回調入口。在最傳統的XHR調用當中,回調函數會被作為最后一個參數傳遞給異步函數:
復制代碼 代碼如下:
function asyncOperation(argument, callback)

在參數相當多的時候,我們可以把參數放到一個JSON里面,這樣參數就如同具名參數一樣,可以通過參數名選擇性的傳遞參數,不傳遞的參數相當于使用默認值。這是從Prototype開始就流行起來的做法:
復制代碼 代碼如下:
function asyncOperation(argument, options)

然而這兩種做法都有一個壞處,就是把同步函數改為異步函數(或同步異步混合函數)時,必須顯式地修改函數簽名,在最后增加一個(或多個)參數。

由于在調用棧的底層引入異步函數對我們來說太常見了,為此可能要更改一大堆上層調用函數簽名的成本實在是太高了,所以我們還是想一個不用修改函數簽名的做法吧。

在這里我參考了.NET Framework的IAsyncResult設計,把異步操作有關的一切信息集中到一個對象上來,從而避免了對函數簽名的修改。在此,我們假設一個異步函數的調用原型是這樣子的:
復制代碼 代碼如下:
function asyncOperation(argument) {
operation = new Async.Operation();
setTimeout(function() { operation.yield("hello world"); }, 1000);
return operation;
}

在這段代碼里,我們返回了一個Operation對象,用于將來傳遞回調函數。同時,我們通過setTimeout模擬了異步返回結果,而具體的返回方式就是yield方法。

接著,我們還要設計傳遞回調函數的方法。由于我們不能好像C#那樣重載+=運算符,所以只能用函數傳遞回調函數:
復制代碼 代碼如下:
var operation = asyncOperation(argument);
operation.addCallback(function(result) { alert(result); });

在C#里面做這樣的設計是不安全的,因為在異步操作可能在添加回調之前就完成了。但在JavaScript里面這樣寫是安全的,因為JavaScript是單線程的,緊接著asyncOperation的同步addCallback必然先執行,asyncOperation中的異步yield必然后執行。

調用順序
可能有人要問,如果用戶使用同步的方式來調用yield,這時候執行順序不一樣依賴于yield的實現嗎?沒錯,不過yeild是在框架中一次性實現的,我們只要把它做成異步的就可以了,這樣即使對它進行同步調用,也不影響執行順序:
復制代碼 代碼如下:
function psudoAsyncOperation(argument) {
operation = new Async.Operation();
operation.yield("hello world");
return operation;
}
var operation = asyncOperation(argument);
operation.addCallback(function(result) { alert(result); });

就算把代碼寫成這個樣子,我們也能確保addCallback先于yield的實際邏輯執行。

事后回調
有時候,框架的使用者可能真的寫出了先yield后addCallback的代碼。這時候,我認為必須保證addCallback中添加的回調函數會被立即觸發。因為用戶添加這個回調函數,意味著他期望當異步操作有結果時通知這個回調函數,而這與添加回調函數時異步操作是否完成無關。為此,我們再添加一個用例:
復制代碼 代碼如下:
function psudoAsyncOperation(argument) {
operation = new Async.Operation();
operation.yield("hello world");
return operation;
}
var operation = asyncOperation(argument);
setTimeout(function() {
operation.addCallback(function(result) { alert(result); });
}, 1000);

小結
到這里,我們就設計好了一個名為Async.Operation的異步操作對象,具體如何實現關鍵的yield方法和addCallback方法將在下一篇文章講述如果。

JavaScript技術JavaScript 異步調用框架 (Part 2 - 用例設計),轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 金发欧美一区在线观看 | 花蝴蝶在线高清视频观看免费播放 | 俄罗斯美幼 | 麻豆AV久久无码精品九九 | 欲奴第一季在线观看全集 | 亚洲AV无码久久流水呻蜜桃久色 | 久久亚洲精品AV无码四区 | 婷婷亚洲五月色综合久久 | 日本人的xxxxxxxxx69 | 日本伦理片 中文字幕 | 国产精品久久久久久久久久免费 | 淫品色影院 | 亚洲无线码一区在线观看 | 果冻传媒完整免费网站在线观看 | 亚洲精品免费视频 | 先锋资源av | 免费a毛片 | 亚洲 欧美 日韩 国产 视频 | 久久青草免费91线频观看站街 | 久章草一区二区 | 我不卡影院手机在线观看 | 男人J放进女人P全黄网站 | 精品一卡2卡三卡4卡乱码精品视频 | 国产永久免费高清在线观看 | 暖暖视频在线高清播放 | 国产成人亚洲精品午夜国产馆 | 涩涩999 | 亚洲精品久久久久中文字幕二区 | 日本全彩黄漫无遮挡 | 国产成人精品永久免费视频 | 激情床戏视频片段有叫声 | 色AV色婷婷66人妻久久久 | 国产手机精品一区二区 | 久久人妻无码毛片A片麻豆 久久人妻熟女中文字幕AV蜜芽 | 国产婷婷综合在线视频中文 | 日日a.v拍夜夜添久久免费 | 精品午夜久久福利大片免费 | 亚洲精品免费视频 | 十8禁用B站在线看漫画 | 久久久无码精品亚洲欧美 | 耻辱の奴隷淑女中文字幕 |