大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要讲解了“Javascript如何异步编程async”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Javascript如何异步编程async”吧!
我们提供的服务有:成都做网站、成都网站制作、微信公众号开发、网站优化、网站认证、大箐山ssl等。为上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的大箐山网站制作公司
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如何异步编程async”的内容了,经过本文的学习后,相信大家对Javascript如何异步编程async这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!