JavaScript异步流程控制库Async核心函数详解

作者:闭包旅人

时间:2026-10-23

浏览:483

本文详解JavaScript异步流程控制库Async的核心函数。介绍如何安装并引入Async,重点解析series串行执行、waterfall瀑布流数据传递、parallel与parallelLimit并行控制以及map遍历处理的具体用法与参数差异,帮助开发者掌握异步流程的最佳实践。

文章目录

Async库概述与安装

关于Async库的官方文档说明。

本文主要介绍Async库的基本概念与应用场景。

首先需完成Node.js环境下的安装步骤。

npm install async --save

通过执行npm install async --save命令进行安装。

var async = require('async')

在JavaScript文件中引入该库。

可通过https://github.com/caolan/async/tree/master/dist地址获取相关资源。

Async库提供了多种用于异步流程控制的函数,下文将重点介绍几个核心函数,完整列表请参考。

核心函数:串行执行series


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的主要功能是严格按照指定顺序依次执行各个任务。


async.series([
 function(callback) {
  setTimeout(function() {
   callback(null, 1)
    }, 2000);
  },
 function(callback) {
  callback(null, 2);
 }],
 function(err, results) {
  console.log(results);
 });

执行series后的输出结果示例如下。

[ 1, 2 ]

series函数的第一个参数既可以是数组,也可以是JSON对象,参数类型的不同直接决定了返回数据的格式结构。


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均按顺序执行,但区别在于waterflow允许前一个函数的返回值作为参数传递给下一个函数,而series不支持此特性。

核心函数:瀑布流waterfall


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

waterfall的执行输出示例如下。

function 2 arg1: one arg2: two function 3 arg1: three done

waterfall的第一个参数必须为数组。若中途某个函数发生错误,其错误对象err将直接传递给最终的callback,后续结果会被丢弃,且不再执行后续函数。

parallel(tasks, [callback])函数用于并行执行。

parallel函数用于并行执行多个任务,每个任务立即启动,无需等待其他任务完成。最终传递给callback的数组中,数据顺序严格遵循tasks声明时的顺序,而非任务完成的实际顺序。

核心函数:并行处理parallel与parallelLimit


async.parallel([
  function(callback){
    callback(null, 'one');
  },
  function(callback){
    callback(null, 'two');
  }
],
function(err, results){

});

tasks参数同样支持数组或JSON对象,与series类似,参数类型不同会导致返回的results格式存在差异。

可将示例中tasks的回调函数改为使用setTimeout延迟1000毫秒调用,并在parallel的回调函数中输出results,以此观察整个过程耗时是1秒还是2秒。


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与parallel功能相似,但额外增加了一个limit参数。该参数用于限制同时并发执行的任务数量,避免无限制并发,具体示例如下。


async.parallelLimit([
  function(callback){
    callback(null, 'one');
  },
  function(callback){
    callback(null, 'two');
  }
],
2,
function(err, results){
});

可将示例中tasks的回调函数改为使用setTimeout延迟1000毫秒调用,并将limit参数设置为1,然后在parallelLimit的回调函数中输出results,以此观察整个过程耗时是1秒还是2秒。


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函数遍历传入的集合,对每一项执行相同的操作,并最终返回结果集合。

coll:表示输入的数组或集合。

iteratee:表示对数组每一项要执行的函数。

callbackopt:表示可选的回调函数。

核心函数:集合遍历map


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 ]

以上内容为本文的全部介绍,希望能为读者的学习提供有益帮助,欢迎大家继续支持本站获取更多技术资源。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章