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请求生命周期与自定义详解