JavaScript異步編程:異步數(shù)據(jù)收集的具體方法
Asyncjs/seriesByHand.js
var fs = require('fs');
process.chdir('recipes'); // 改變工作目錄
var concatenation = '';
fs.readdir('.', function(err, filenames) {
if (err) throw err;
function readFileAt(i) {
var filename = filenames[i];
fs.stat(filename, function(err, stats) {
if (err) throw err;
if (! stats.isFile()) return readFileAt(i + 1);
fs.readFile(filename, 'utf8', function(err, text) {
if (err) throw err;
concatenation += text;
if (i + 1 === filenames.length) {
// 所有文件均已讀取，可顯示輸出
return console.log(concatenation);
}
readFileAt(i + 1);
});
});
}
readFileAt(0);
});
如你所見，異步版本的代碼要比同步版本多很多。如果使用filter、forEach這些同步方法，代碼的行數(shù)大約只有一半，而且讀起來也要容易得多。如果這些漂亮的迭代器存在異步版本該多好?。∈褂肁sync.js就能做到這一點(diǎn)！
何時(shí)拋出亦無妨？
大家可能注意到了，在上面那個(gè)代碼示例中筆者無視了自己在第1.4節(jié)中提出的建議：從回調(diào)里拋出異常是一種糟糕的設(shè)計(jì)，尤其在成品環(huán)境中。不過，一個(gè)簡單如斯的示例直接拋出異常則完全沒有問題。如果真的遇到代碼出錯(cuò)的意外情形，throw會(huì)關(guān)停代碼并提供一個(gè)漂亮的堆棧軌跡來解釋出錯(cuò)原因。
這里真正的不妥之處在于，同樣的錯(cuò)誤處理邏輯（即if(err) throw err）重復(fù)了多達(dá)3次！在4.2.2節(jié)，我們會(huì)看到Async.js如何幫助減少這種重復(fù)。
Async.js的函數(shù)式寫法
我們想把同步迭代器所使用的filter和forEach方法替換成相應(yīng)的異步方法。Async.js給了我們兩個(gè)選擇。
async.filter和async.forEach，它們會(huì)并行處理給定的數(shù)組。
async.filterSeries和async.forEachSeries，它們會(huì)順序處理給定的數(shù)組。
并行運(yùn)行這些異步操作應(yīng)該會(huì)更快，那為什么還要使用序列式方法呢？原因有兩個(gè)。
前面提到的工作流次序不可預(yù)知的問題。我們確實(shí)可以先把結(jié)果存儲(chǔ)成數(shù)組，然后再joining（聯(lián)接）數(shù)組來解決這個(gè)問題，但這畢竟多了一個(gè)步驟。
Node及其他任何應(yīng)用進(jìn)程能夠同時(shí)讀取的文件數(shù)量有一個(gè)上限。如果超過這個(gè)上限，操作系統(tǒng)就會(huì)報(bào)錯(cuò)。如果能順序讀取文件，則無需擔(dān)心這一限制。
所以現(xiàn)在先搞明白async.forEachSeries再說。下面使用了Async.js的數(shù)據(jù)收集方法，直接改寫了同步版本的代碼實(shí)現(xiàn)。
Asyncjs/forEachSeries.js
var async = require('async');
var fs = require('fs');
process.chdir('recipes'); // 改變工作目錄
var concatenation = '';
var dirContents = fs.readdirSync('.');
async.filter(dirContents, isFilename, function(filenames) {
async.forEachSeries(filenames, readAndConcat, onComplete);
});
function isFilename(filename, callback) {
fs.stat(filename, function(err, stats) {
if (err) throw err;
callback(stats.isFile());
});
}
function readAndConcat(filename, callback) {
fs.readFile(filename, 'utf8', function(err, fileContents) {
if (err) return callback(err);
concatenation += fileContents;
callback();
});
}
function onComplete(err) {
if (err) throw err;
console.log(concatenation);
}
現(xiàn)在我們的代碼漂亮地分成了兩個(gè)部分：任務(wù)概貌（表現(xiàn)形式為async.filter調(diào)用和async.forEachSeries調(diào)用）和實(shí)現(xiàn)細(xì)節(jié)（表現(xiàn)形式為兩個(gè)迭代器函數(shù)和一個(gè)完工回調(diào)onComplete）。
filter和forEach并不是僅有的與標(biāo)準(zhǔn)函數(shù)式迭代方法相對應(yīng)的Async.js工具函數(shù)。Async.js還提供了以下方法：
reject/rejectSeries，與filter剛好相反；
map/mapSeries，1:1變換；
reduce/reduceRight，值的逐步變換；
detect/detectSeries，找到篩選器匹配的值；
sortBy，產(chǎn)生一個(gè)有序副本；
some，測試是否至少有一個(gè)值符合給定標(biāo)準(zhǔn)；
every，測試是否所有值均符合給定標(biāo)準(zhǔn)。
這些方法是Async.js的精髓，令你能夠以最低的代碼重復(fù)度來執(zhí)行常見的迭代工作。在繼續(xù)探索更高級的方法之前，我們先來看看這些方法的錯(cuò)誤處理技術(shù)。
Async.js的錯(cuò)誤處理技術(shù)
要怪就怪Node的fs.exists首開這一先河吧！而這也意味著使用了Async.js數(shù)據(jù)收集方法（filter/filterSeries、reject/rejectSeries、detect/detectSeries、some、every等）的迭代器均無法報(bào)告錯(cuò)誤。
對于非布爾型的所有Async.js迭代器，傳遞非null/undefined的值作為迭代器回調(diào)的首參數(shù)將會(huì)立即因該錯(cuò)誤值而調(diào)用完工回調(diào)。這正是readAndConcat不用throw也能工作的原因。
Asyncjs/forEachSeries.js
function readAndConcat(filename, callback) {
fs.readFile(filename, 'utf8', function(err, fileContents) {
if (err) return callback(err);
concatenation += fileContents;
callback();
});
}
所以，如果callback(err)確實(shí)是在readAndConcat中被調(diào)用的，則這個(gè)err會(huì)傳遞給完工回調(diào)（即onComplete）。Async.js只負(fù)責(zé)保證onComplete只被調(diào)用一次，而不管是因首次出錯(cuò)而調(diào)用，還是因成功完成所有操作而調(diào)用。
Asyncjs/forEachSeries.js
function onComplete(err) {
if (err) throw err;
console.log(concatenation);
}
Node的錯(cuò)誤處理約定對Async.js數(shù)據(jù)收集方法而言也許并不理想，但對于Async.js的所有其他方法而言，遵守這些約定可以讓錯(cuò)誤干凈利落地從各個(gè)任務(wù)流向完工回調(diào)。下一節(jié)會(huì)看到更多這樣的例子。
相關(guān)文章
用js實(shí)現(xiàn)的圖片生成效果代碼，學(xué)習(xí)js的朋友可以看看2008-04-04
在layer彈層layer.prompt中,修改placeholder的實(shí)現(xiàn)方法
今天小編大家分享一篇在layer彈層layer.prompt中,修改placeholder的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了一些工作中常用js功能的匯總，幫助大家提高工作效率，加深對js的理解，感興趣的朋友可以了解下2020-11-11
淺談javascript獲取元素transform參數(shù)
本文主要給大家簡單介紹了javascript獲取元素的transform參數(shù)的方法以及個(gè)人的理解，記錄下來分享給大家。2015-07-07
這篇文章主要為大家詳細(xì)介紹了JS調(diào)用安卓手機(jī)攝像頭掃描二維碼，并用JS解析二維碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
JS中video標(biāo)簽自動(dòng)播放音視頻并繪制波形圖效果
html中的<video>標(biāo)簽可以用來播放常見的音視頻格式，支持的格式包括:MP3、Ogg、WAV、AAC、MP4、WebM、AVI等，當(dāng)然支持的格式也和瀏覽器和操作系統(tǒng)有關(guān)，這篇文章主要介紹了video標(biāo)簽自動(dòng)播放音視頻并繪制波形圖,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了Bootstrap整體框架之CSS12柵格系統(tǒng)的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
BootStrap學(xué)習(xí)筆記之nav導(dǎo)航欄和面包屑導(dǎo)航
這篇文章主要介紹了BootStrap學(xué)習(xí)筆記之nav導(dǎo)航欄和面包屑導(dǎo)航的相關(guān)資料,需要的朋友可以參考下2017-01-01
在小程序開發(fā)中 經(jīng)常需要我們自定義字體樣式,下面這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)指南之字體樣式設(shè)置的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
layui下拉列表select實(shí)現(xiàn)可輸入查找的方法
今天小編就為大家分享一篇layui下拉列表select實(shí)現(xiàn)可輸入查找的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09