Javascript异步编程async实现过程详解


Posted in Javascript onApril 02, 2020

async官方DOC

介绍

node安装

npm install async --save

使用

var async = require('async')

js文件

https://github.com/caolan/async/tree/master/dist

async提供了很多函数用于异步流程控制,下面是async核心的几个函数,完整的函数请看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的作用就是按照顺序一次执行。

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

输出结果为

[ 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函数都是按照顺序执行,不同之处是waterfall每个函数产生的值都可以传递给下一个函数,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 2
arg1: one
arg2: two
function 3
arg1: three
done

waterfall第一个参数只能为数组。当中途有函数出错,其err直接传给最终callback,结果被丢弃,后面的函数不再执行。

parallel(tasks, [callback])

paraller函数是并行执行多个函数,每个函数都是立即执行,不需要等待其它函数先执行。
传给最终callback的数组中的数据按照tasks中声明的顺序,而不是执行完成的顺序。

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

});

tasks参数可以是一个数组或是json对象,和series函数一样,tasks参数类型不同,返回的results格式会不一样。

将示例中tasks的回调函数用setTimeout在1000毫秒后调用,然后在parallel的回调函数中输出results,看一看整个过程花费了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函数和parallel类似,但是它多了一个参数limit。 limit参数限制任务只能同时并发一定数量,而不是无限制并发,示例如下:

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

将示例中tasks的回调函数用setTimeout在1000毫秒后调用,limit参数设置为1,然后在parallelLimit的回调函数中输出results,看一看整个过程花费了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函数遍历传入的数组,并执行同样的操作,最终返回结果

cool:数组

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

callbackopt:回调函数

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 ]

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript小技巧 2.5 则
Sep 12 Javascript
网页编辑器ckeditor和ckfinder配置步骤分享
May 24 Javascript
js修改table中Td的值(定义td的单击事件)
Jan 10 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
Aug 10 Javascript
node.js实现快速截图
Aug 27 Javascript
jQuery简单实现MD5加密的方法
Mar 03 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
May 09 Javascript
vscode中vue-cli项目es-lint的配置方法
Jul 30 Javascript
解决select2在bootstrap modal中不能正常使用的问题
Aug 09 Javascript
react实现换肤功能的示例代码
Aug 14 Javascript
JS实现图片懒加载(lazyload)过程详解
Apr 02 #Javascript
JavaScript运动原理基础知识详解
Apr 02 #Javascript
基于js实现逐步显示文字输出代码实例
Apr 02 #Javascript
webpack3.0升级4.0的方法步骤
Apr 02 #Javascript
Javascript模块化机制实现原理详解
Apr 02 #Javascript
sharp.js安装过程中遇到的问题总结
Apr 02 #Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 #jQuery
You might like
PHP 文件上传后端处理实用技巧方法
2017/01/06 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
实例化php类时传参的方法分析
2020/06/05 PHP
Date对象格式化函数代码
2010/07/17 Javascript
js清除input中type等于file的值域(示例代码)
2013/12/24 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
2014/11/23 Javascript
7个让JavaScript变得更好的注意事项
2015/01/28 Javascript
json实现添加、遍历与删除属性的方法
2016/06/17 Javascript
javascript常用的设计模式
2017/02/09 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
2017/04/14 jQuery
JQuery Ajax 异步操作之动态添加节点功能
2017/05/24 jQuery
关于Stream和Buffer的相互转换详解
2017/07/26 Javascript
vue组件实现可搜索下拉框扩展
2020/10/23 Javascript
JS实现显示当前日期的实例代码
2018/07/03 Javascript
如何基于jQuery实现五角星评分
2020/09/02 jQuery
MySQLdb ImportError: libmysqlclient.so.18解决方法
2014/08/21 Python
Python实现批量下载图片的方法
2015/07/08 Python
python打包exe开机自动启动的实例(windows)
2019/06/28 Python
对Django中的权限和分组管理实例讲解
2019/08/16 Python
DataFrame.to_excel多次写入不同Sheet的实例
2019/12/02 Python
在tensorflow下利用plt画论文中loss,acc等曲线图实例
2020/06/15 Python
Python 利用Entrez库筛选下载PubMed文献摘要的示例
2020/11/24 Python
StubHub巴西:购买和出售您的门票
2016/07/22 全球购物
阿迪达斯印尼官方网站:adidas印尼
2020/02/10 全球购物
家乐福台湾线上购物网:Carrefour台湾
2020/09/15 全球购物
数据库专业英语
2012/11/30 面试题
普通院校学生的自荐信
2013/11/27 职场文书
五十岁生日宴会答谢词
2014/01/15 职场文书
保安岗位职责
2014/02/21 职场文书
运动会横幅标语
2014/06/17 职场文书
2015年党员个人剖析材料
2014/12/18 职场文书
社区义诊通知
2015/04/24 职场文书
通讯稿格式及范文
2015/07/22 职场文书
解决goland 导入项目后import里的包报红问题
2021/05/06 Golang
探讨Java中的深浅拷贝问题
2021/06/26 Java/Android
Python语言中的数据类型-序列
2022/02/24 Python