JavaScript中使用Async实现异步控制
发布时间 - 2026-01-11 02:47:29 点击率:次async官方DOC

介绍
node安装
npm install async --save
使用
var async = require('async')
js文件
github.com/caolan/asyn…
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实现异步控制,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
# async
# 异步控制
# Javascript中的async awai的用法
# async/await与promise(nodejs中的异步操作问题)
# JavaScript无阻塞加载和defer、async详解
# JavaScript中的await/async的作用和用法
# 关于Javascript中defer和async的区别总结
# JS中script标签defer和async属性的区别详解
# 浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
# 理解javascript async的用法
# 回调
# 是一个
# 都是
# 第一个
# 小编
# 的是
# 而不是
# 几个
# 多个
# 在此
# 不需要
# 不可以
# 遍历
# 给大家
# 花费了
# 设置为
# 所述
# 给我留言
# 中途
# 感谢大家
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
laravel服务容器和依赖注入怎么理解_laravel服务容器与依赖注入解析
如何在七牛云存储上搭建网站并设置自定义域名?
高端企业智能建站程序:SEO优化与响应式模板定制开发
北京网站制作的公司有哪些,北京白云观官方网站?
Python文件操作最佳实践_稳定性说明【指导】
Laravel如何监控和管理失败的队列任务_Laravel失败任务处理与监控
Laravel项目如何进行性能优化_Laravel应用性能分析与优化技巧大全
UC浏览器如何设置启动页 UC浏览器启动页设置方法
美食网站链接制作教程视频,哪个教做美食的网站比较专业点?
php 三元运算符实例详细介绍
微信小程序 scroll-view组件实现列表页实例代码
Laravel如何集成微信支付SDK_Laravel使用yansongda-pay实现扫码支付【实战】
js实现获取鼠标当前的位置
Laravel怎么实现观察者模式Observer_Laravel模型事件监听与解耦开发【指南】
Laravel中DTO是什么概念_在Laravel项目中使用数据传输对象(DTO)
Windows家庭版如何开启组策略(gpedit.msc)?(安装方法)
详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)
Firefox Developer Edition开发者版本入口
微信小程序 HTTPS报错整理常见问题及解决方案
Laravel如何优化应用性能?(缓存和优化命令)
微信小程序 input输入框控件详解及实例(多种示例)
javascript中的try catch异常捕获机制用法分析
如何获取PHP WAP自助建站系统源码?
非常酷的网站设计制作软件,酷培ai教育官方网站?
北京专业网站制作设计师招聘,北京白云观官方网站?
Laravel中的Facade(门面)到底是什么原理
HTML 中动态设置元素 name 属性的正确语法详解
如何在不使用负向后查找的情况下匹配特定条件前的换行符
使用豆包 AI 辅助进行简单网页 HTML 结构设计
HTML5空格和nbsp有啥关系_nbsp的作用及使用场景【说明】
Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制
如何正确选择百度移动适配建站域名?
Python文件异常处理策略_健壮性说明【指导】
Laravel如何设置自定义的日志文件名_Laravel根据日期或用户ID生成动态日志【技巧】
大连 网站制作,大连天途有线官网?
香港服务器建站指南:外贸独立站搭建与跨境电商配置流程
文字头像制作网站推荐软件,醒图能自动配文字吗?
详解阿里云nginx服务器多站点的配置
Laravel如何使用Telescope进行调试?(安装和使用教程)
如何破解联通资金短缺导致的基站建设难题?
用v-html解决Vue.js渲染中html标签不被解析的问题
深圳防火门网站制作公司,深圳中天明防火门怎么编码?
html5如何设置样式_HTML5样式设置方法与CSS应用技巧【教程】
三星、SK海力士获美批准:可向中国出口芯片制造设备
网站制作大概多少钱一个,做一个平台网站大概多少钱?
html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】
如何在浏览器中启用Flash_2025年继续使用Flash Player的方法【过时】
Laravel如何实现数据库事务?(DB Facade示例)
Laravel如何生成API文档?(Swagger/OpenAPI教程)
Laravel中间件起什么作用_Laravel Middleware请求生命周期与自定义详解

