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 相关文章推荐
用js查找法实现当前栏目的高亮显示的代码
Nov 24 Javascript
JavaScript DOM学习第四章 getElementByTagNames
Feb 19 Javascript
使用js获取QueryString的方法小结
Feb 28 Javascript
JQuery学习笔记 nt-child的使用
Jan 17 Javascript
用JavaScript计算在UTF-8下存储字符串占用字节数
Aug 08 Javascript
jQuery处理xml格式的返回数据(实例解析)
Nov 28 Javascript
javascript简单实现表格行间隔显示颜色并高亮显示
Nov 29 Javascript
Textarea输入字数限制实例(兼容iOS&安卓)
Jul 06 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
May 02 Javascript
微信小程序 wx:for遍历循环使用实例解析
Sep 09 Javascript
Vue父组件向子组件传值以及data和props的区别详解
Mar 02 Javascript
JavaScript 禁止用户保存图片的实现代码
Apr 28 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 用sock技术发送邮件的函数
2007/07/21 PHP
php设计模式 Bridge (桥接模式)
2011/06/26 PHP
php文档更新介绍
2011/07/22 PHP
深入file_get_contents函数抓取内容失败的原因分析
2013/06/25 PHP
PHP实现文件上传操作和封装
2020/03/04 PHP
javascript打开新窗口同时关闭旧窗口
2009/01/16 Javascript
Javascript 学习书 推荐
2009/06/13 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
2010/12/25 Javascript
JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
2012/08/14 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
nodejs教程之入门
2014/11/21 NodeJs
简单讲解AngularJS的Routing路由的定义与使用
2016/03/05 Javascript
jQuery中的Deferred和promise 的区别
2016/04/03 Javascript
NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法
2016/07/26 NodeJs
js使用Replace结合正则替换重复出现的字符串功能示例
2016/12/27 Javascript
vue组件中点击按钮后修改输入框的状态实例代码
2017/04/14 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
2017/05/27 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
2017/09/19 jQuery
从零开始搭建一个react项目开发
2018/02/09 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
2020/05/14 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
[14:24]Optic Gaming vs PSG LGD BO3
2018/06/07 DOTA
python 3利用BeautifulSoup抓取div标签的方法示例
2017/05/28 Python
Python实现运行其他程序的四种方式实例分析
2017/08/17 Python
pygame游戏之旅 计算游戏中躲过的障碍数量
2018/11/20 Python
详解PyTorch中Tensor的高阶操作
2019/08/18 Python
详解python 降级到3.6终极解决方案
2020/02/06 Python
Python qrcode 生成一个二维码的实例详解
2020/02/12 Python
在TensorFlow中实现矩阵维度扩展
2020/05/22 Python
《鹬蚌相争》教学反思
2014/04/22 职场文书
领导批评与自我批评范文
2014/10/16 职场文书
银行自荐信怎么写
2015/03/05 职场文书
python编程学习使用管道Pipe编写优化代码
2021/11/20 Python
Python学习之os包使用教程详解
2022/03/21 Python
我家女友可不止可爱呢 公开OP主题曲无字幕动画MV
2022/04/11 日漫
css清除浮动clearfix:after的用法详解(附完整代码)
2023/05/21 HTML / CSS