从零学习node.js之详解异步控制工具async(八)


Posted in Javascript onFebruary 27, 2017

前言

大家在编写异步程序时,最头痛的就是不知道结果什么时候返回给我们,然后执行后面的操作,很多时候只能把后面的操作放到返回成功的函数里,或者使用计数器等方法。

比较典型的两个就是:后面的操作需要依赖上一个异步操作的结果;多个异步操作并行执行,都执行完成后再执行接下来的操作。

这两个操作中,第一个异步的程序我们可能会写成这样:

db.select(SQL1, function(res1){
 db.delete(SQL2, function(res2){
 db.insert(SQL3, function(res3){
 // ...
 })
 })
});

将后面的操作写到执行成功后的回调函数里。第2个并行的异步操作,可以使用计数器的方法,每个异步调用成功时,计数器加1,当所有的异步都调用成功后,再接着执行:

var count = 0;
var success = function(){
 count++;
 if(count>=3){ 
  console.log('执行完毕...');
 }
}

var select = function(){
 db.select(sql, function(res){
  success();
 })
}
var select2 = function(){
 db.select(sql, function(res){
  success();
 })
}
var select3 = function(){
 db.select(sql, function(res){
  success();
 })
}
select();
select2();
select3();

这些编写方式非常麻烦,而且代码逻辑比较混乱,调试起来也很不方便。那么就要用到异步控制的利器async了。

介绍

async的作用是进行流程的控制,而且提供了非常多的方法可供调用。

这些方法可以分为三大类:

  • 集合类(Collections)
  • 流程控制类(Control Flow)
  • 工具类(Utils)

下面我们从这三个分类里分别挑出几个方法进行讲解。

二、函数介绍

async中提供了非常多的方法可供使用,我们仅仅是讲解其中几个比较有代表性的,其他的可以访问官方文档:http://caolan.github.io/async/docs.html。

2.1 集合类

集合类中的方法主要有some, ‘map', ‘each', ‘every'等,这些方法是对数组或组合进行某个相同的操作后,统一执行回调函数。

我们以map为例,map对集合中的每一个元素,执行某个相同的异步操作,得到结果。所有的结果将汇总到最终的callback里。
使用方法,map接收三个参数,分别是:

参数名称 类型 说明
coll iteratee callback
Array | Iterable | Object function function
需要处理数组,集合或其他可迭代的类型 迭代方法,用来对集合中的每一项进行处理。该方法接收两个参数(item, callback);item为集合中的每一项, callback为回调函数。callback需要带有err(有时可能为null)和处理后的数据,callback(err, data) 最终回调函数,当集合处理完毕后调用此函数,传递两个参数err和result,result为之前处理后的所有的结果的集合

注意:中间处理函数iteratee对coll中的每一项都是并发处理的,因此并不能保证iteratee按照顺序完成。不过,如果coll是个数组,最后的结果集results会按照coll中的顺序排列;如果coll是个集合(Object)类型,results会是数组类型,结果将大致按照coll的键的顺序排列(但是不同在不同的JavaScript引擎中会有可能发生变化)。

我们来举个例子,使用map获取几个文件中的内容:

var files = ['./file/cnode_1.txt', './file/cnode_2.txt', './file/cnode_3.txt'];

// 读取文件内容
// 第1个参数 文件名称列表的数组
// 第2个参数 传入数组中的每一项和回调函数
// 第3个参数 results为所有结果的集合
async.map(files, function(file, cb){
 fs.readFile(file, 'utf-8', function(err, data){
  cb(err, data);
 })
}, function(err, results){
 console.log( results );
})

而且,如果中间的处理函数比较大,不想写在map中,也可以单独写成一个函数,然后传递进去,不过参数传递还是要符合规则的:

var files = ['./file/cnode_1.txt', './file/cnode_2.txt', './file/cnode_3.txt'];

var read = function(file, cb){
 fs.readFile(file, 'utf-8', function(err, data){
  cb(err, data);
 })
}
async.map(files, read, function(err, result){
 console.log( result );
})

这里还有一个mapLimit,可以传递一个参数limit,用来限制并发的数量:mapLimit(coll, limit, iteratee, callbackopt)

// 并发数量为2
async.mapLimit(files, 2, read, function(err, result){
 console.log( result );
})

同时,集合类中还有其他的方法,我们也稍微了解下:

  1. each : 与map类似,但是最后的回调函数里没有results,each只循环不负责处理结果
  2. every : 中间处理函数iteratee的参数(err, boolean)需要传递一个boolean值,若所有选项的结果都为true,则results为true
  3. some : 与every类似,只是只要其中一个选项的结果为true,则results为true
  4. filter : 对coll进行筛选,筛选出结果为true的结果
  5. reject : 与filter正好相反,筛选出结果为false的结果
  6. concat : 将每个异步操作的结果合并为一个数组

2.2 流程控制类

上面的集合类是对一个集合进行相同的处理,集合中的每一项都处理完后,再对结果进行回调处理。而多个回调方法执行时,则需要对这几个回调方法进行控制了。

多个回调方法执行时,通常有这么几个流程:

  1. 串行且无关联,即执行完一个后再依次执行下一个,且相互之间无数据交互,都执行完后,再执行最后的回调函数。可以使用async.series
  2. 串行且有关联,即执行完一个后再依次执行下一个,且上一个回调函数的结果会作为下一个回调函数的参数。可以使用async.waterfall
  3. 并行,这几个回调函数同时并发执行,都执行完成后,再执行最后的回调函数。可以使用async.parallel

当然还有其他更复杂的流程,这里也只聊上面的三种情况。

async.series,async.waterfall和async.parallel的语法都是一样的:
async.Method(coll, function(err, results){

})

其中coll既可以是数组,也可以是json格式的,而且results的类型与coll对应。

串行且无关联async.series

// 串行且无关联,数组格式
async.series([
 function(cb){
  getAllList(function(result){
   cb(null, result);
  });
 },
 function(cb){
  getAllUser(function(result){
   cb(null, result);
  });
 }
], function(err, result){
 console.log(result);
})

同时串行的异步可以是json格式的:

// 串行且无关联,json个数
async.series({
 one: function(cb){
  getAllList(function(result){
   cb(null, result);
  });
 },
 two: function(cb){
  getAllUser(function(result){
   cb(null, result);
  });
 }
}, function(err, result){
 console.log(result);
})

串行且有关联async.waterfall

// 串行且上一个结果作为下一个的参数
async.waterfall([
 function(cb){
  getListById(1, function(result){
   cb(null, result);
  });
 },
 function(params, cb){
  console.log(params);
  getAllUser(function(result){
   cb(null, result);
  });
 }
], function(err, result){
 console.log(result);
})

并行async.parallel

// 并行,getAllList与getAllUser同时执行
async.parallel([
 function(cb){
  getAllList(function(result){
   cb(null, result);
  });
 },
 function(cb){
  getAllUser(function(result){
   cb(null, result);
  });
 }
], function(err, result){
 console.log(result);
})

关于并行的异步操作,这里还有一个async.parallelLimit,限制并发的数量:

// 并发数量为2
async.parallelLimit([
 iteratee1, iteratee2, iteratee3, ...
], 2, function(err, results){
 
})

2.3 工具类

async中也提供了不少的工具方法可供使用,比如async.log可以输出回调方法中的值,第1个参数为函数,后面的参数为传递给函数的参数:

var hello = function(name, callback) {
 setTimeout(function() {
  callback(null, 'hello ' + name);
 }, 1000);
};

// 将'world'传递给hello方法
async.log(hello, 'world'); // 'hello world'

这里面还有apply, dir, timeout等方法。

总结

使用async控制异步流程非常的方便,而且也可以在前端使用,比如可以操作多个ajax请求等。好了,以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
javascript引用对象的方法代码
Aug 13 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
Jan 05 Javascript
js获取隐藏元素宽高的实现方法
May 19 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
Nov 22 Javascript
JS冒泡事件与事件捕获实例详解
Nov 25 Javascript
详解angular中如何监控dom渲染完毕
Jan 03 Javascript
js实现按座位号抽奖
Apr 05 Javascript
AngularJS实现的锚点楼层跳转功能示例
Jan 02 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
微信二次分享报错invalid signature问题及解决方法
Apr 01 Javascript
Typescript的三种运行方式(小结)
Sep 18 Javascript
js判断在哪个浏览器打开项目的方法
Jan 21 Javascript
jQuery基本选择器和层次选择器学习使用
Feb 27 #Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
Feb 27 #Javascript
flag和jq on 的绑定多个对象和方法(必看)
Feb 27 #Javascript
利用Node.js+Koa框架实现前后端交互的方法
Feb 27 #Javascript
详谈js中数组(array)和对象(object)的区别
Feb 27 #Javascript
JS区分Object与Aarry的六种方法总结
Feb 27 #Javascript
利用Vue.js框架实现火车票查询系统(附源码)
Feb 27 #Javascript
You might like
PHP默认安装产生系统漏洞
2006/10/09 PHP
php for 循环语句使用方法详细说明
2010/05/09 PHP
PHP简单遍历对象示例
2016/09/28 PHP
用javascript获取textarea中的光标位置
2008/05/06 Javascript
JQuery防止退格键网页后退的实现代码
2012/03/23 Javascript
购物车选中得到价格实现示例
2014/01/26 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
2015/05/14 Javascript
基于jQuery实现点击弹出层实例代码
2016/01/01 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
2016/12/05 Javascript
详解微信小程序 wx.uploadFile 的编码坑
2017/01/23 Javascript
详解如何使用babel进行es6文件的编译
2018/05/29 Javascript
JS闭包原理与应用经典示例
2018/12/20 Javascript
QML实现圆环颜色选择器
2019/09/25 Javascript
Vue路由守卫及页面登录权限控制的设置方法(两种)
2020/03/31 Javascript
使用Vant完成Dialog弹框案例
2020/11/11 Javascript
Python中使用MELIAE分析程序内存占用实例
2015/02/18 Python
Numpy截取指定范围内的数据方法
2018/11/14 Python
matplotlib.pyplot绘图显示控制方法
2019/01/15 Python
Python正则表达式和re库知识点总结
2019/02/11 Python
python算法与数据结构之冒泡排序实例详解
2019/06/22 Python
Python求离散序列导数的示例
2019/07/10 Python
python标记语句块使用方法总结
2019/08/05 Python
Pandas 缺失数据处理的实现
2019/11/04 Python
Python数据持久化存储实现方法分析
2019/12/21 Python
Python Selenium破解滑块验证码最新版(GEETEST95%以上通过率)
2021/01/29 Python
pandas按条件筛选数据的实现
2021/02/20 Python
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
HTML5+CSS3实现机器猫
2016/10/17 HTML / CSS
StubHub澳大利亚:购买或出售您的门票
2019/08/01 全球购物
BIFFI美国站:意大利BIFFI BOUTIQUES豪华多品牌时装零售公司
2020/02/11 全球购物
能否解释一下XSS cookie盗窃是什么意思
2012/06/02 面试题
什么时候需要进行强制类型转换
2016/09/03 面试题
社区禁毒工作方案
2014/06/02 职场文书
自强自立美德少年事迹材料
2014/08/16 职场文书
教师党员批评与自我批评
2014/10/15 职场文书
2015年幼儿园教研活动总结
2015/03/25 职场文书