Javascript異步編程async實(shí)現(xiàn)過(guò)程詳解
async官方DOC
介紹
node安裝
npm install async --save
使用
var async = require(’async’)
js文件
https://github.com/caolan/async/tree/master/dist
async提供了很多函數(shù)用于異步流程控制,下面是async核心的幾個(gè)函數(shù),完整的函數(shù)請(qǐng)看async官方DOC
async.map([’file1’,’file2’,’file3’], fs.stat, function(err, results) { // results is now an array of stats for each file});async.filter([’file1’,’file2’,’file3’], function(filePath, callback) { fs.access(filePath, function(err) { callback(null, !err) });}, function(err, results) { // results now equals an array of the existing files});async.parallel([ function(callback) { ... }, function(callback) { ... }], function(err, results) { // optional callback});async.series([ function(callback) { ... }, function(callback) { ... }]);
series串行
series的作用就是按照順序一次執(zhí)行。
async.series([ function(callback) { setTimeout(function() { callback(null, 1) }, 2000); }, function(callback) { callback(null, 2); }], function(err, results) { console.log(results); });
輸出結(jié)果為
[ 1, 2 ]
series函數(shù)的第一個(gè)參數(shù)可以是一個(gè)數(shù)組也可以是一個(gè)JSON對(duì)象,參數(shù)類(lèi)型不同,影響的是返回?cái)?shù)據(jù)的格式。
async.series({one: function(callback){callback(null, 1);},two: function(callback){callback(null, 2);}},function(err, results) {console.log(results);});
輸出為
{one: 1, two: 2}
waterfall瀑布流
waterfall和series函數(shù)都是按照順序執(zhí)行,不同之處是waterfall每個(gè)函數(shù)產(chǎn)生的值都可以傳遞給下一個(gè)函數(shù),series不可以。
async.waterfall([function(callback) {callback(null, ’one’, ’two’);},function(arg1, arg2, callback) {// arg1 now equals ’one’ and arg2 now equals ’two’console.log(’function 2’)console.log(’arg1: ’ + arg1)console.log(’arg2: ’ + arg2)callback(null, ’three’);},function(arg1, callback) {console.log(’function 3’)console.log(’arg1: ’ + arg1)// arg1 now equals ’three’callback(null, ’done’);}], function(err, result) {// result now equals ’done’console.log(result);});
輸出
function 2arg1: onearg2: twofunction 3arg1: threedone
waterfall第一個(gè)參數(shù)只能為數(shù)組。當(dāng)中途有函數(shù)出錯(cuò),其err直接傳給最終callback,結(jié)果被丟棄,后面的函數(shù)不再執(zhí)行。
parallel(tasks, [callback])
paraller函數(shù)是并行執(zhí)行多個(gè)函數(shù),每個(gè)函數(shù)都是立即執(zhí)行,不需要等待其它函數(shù)先執(zhí)行。傳給最終callback的數(shù)組中的數(shù)據(jù)按照tasks中聲明的順序,而不是執(zhí)行完成的順序。
async.parallel([ function(callback){ callback(null, ’one’); }, function(callback){ callback(null, ’two’); }],function(err, results){});
tasks參數(shù)可以是一個(gè)數(shù)組或是json對(duì)象,和series函數(shù)一樣,tasks參數(shù)類(lèi)型不同,返回的results格式會(huì)不一樣。
將示例中tasks的回調(diào)函數(shù)用setTimeout在1000毫秒后調(diào)用,然后在parallel的回調(diào)函數(shù)中輸出results,看一看整個(gè)過(guò)程花費(fèi)了1s還是2s。
var async=require('async');async.parallel([ function(callback){ setTimeout(function(){ callback(null, ’one’) },1000); }, function(callback){ setTimeout(function(){ callback(null, ’two’) },1000); }],function(err, results){ console.log(results);});
parallelLimit(tasks, limit, [callback])
parallelLimit函數(shù)和parallel類(lèi)似,但是它多了一個(gè)參數(shù)limit。 limit參數(shù)限制任務(wù)只能同時(shí)并發(fā)一定數(shù)量,而不是無(wú)限制并發(fā),示例如下:
async.parallelLimit([ function(callback){ callback(null, ’one’); }, function(callback){ callback(null, ’two’); }],2,function(err, results){});
將示例中tasks的回調(diào)函數(shù)用setTimeout在1000毫秒后調(diào)用,limit參數(shù)設(shè)置為1,然后在parallelLimit的回調(diào)函數(shù)中輸出results,看一看整個(gè)過(guò)程花費(fèi)了1s還是2s。
var async=require('async');async.parallelLimit([ function(callback){ setTimeout(function(){ callback(null, ’one’); }, 1000); }, function(callback){ setTimeout(function(){ callback(null, ’two’); }, 1000); }],1,function(err, results){ console.log(results);});
map(coll, iteratee, callbackopt)
map函數(shù)遍歷傳入的數(shù)組,并執(zhí)行同樣的操作,最終返回結(jié)果
cool:數(shù)組
iteratee:對(duì)數(shù)組每一項(xiàng)要執(zhí)行的函數(shù)
callbackopt:回調(diào)函數(shù)
async.map([1, 2, 3, 4, 5],function(item, callback) {callback(null, item + 5)},function(err, result) {console.log(result)})
[ 6, 7, 8, 9, 10 ]
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. python GUI庫(kù)圖形界面開(kāi)發(fā)之PyQt5動(dòng)態(tài)(可拖動(dòng)控件大小)布局控件QSplitter詳細(xì)使用方法與實(shí)例2. ASP將數(shù)字轉(zhuǎn)中文數(shù)字(大寫(xiě)金額)的函數(shù)3. XML 非法字符(轉(zhuǎn)義字符)4. ASP 處理JSON數(shù)據(jù)的實(shí)現(xiàn)代碼5. js開(kāi)發(fā)中的頁(yè)面、屏幕、瀏覽器的位置原理(高度寬度)說(shuō)明講解(附圖)6. CSS清除浮動(dòng)方法匯總7. 不要在HTML中濫用div8. vue跳轉(zhuǎn)頁(yè)面常用的幾種方法匯總9. CSS3實(shí)例分享之多重背景的實(shí)現(xiàn)(Multiple backgrounds)10. XML入門(mén)的常見(jiàn)問(wèn)題(三)
