JavaScript实现指定数量的并发限制的示例代码


Posted in Javascript onMarch 10, 2020

在网上看到这么一道题:

JavaScript实现指定数量的并发限制的示例代码

这道题跟鱼头这篇记录『什么是时间分片(Time Slicing)? 』有点相似,但不同的是这次是限制异步并发的数量。

所以话不多说,我们先来康康实现

首先我们来实现一个分割数组的函数~

const group = (list = [], max = 0) => {
  if (!list.length) {
    return list
  }
  let results = []
  for (let i = 0, len = list.length; i < len; i += max) {
    results.push(list.slice(i, i + max))
  }
  return results
}

这里就是根据指定的并发数量来分割数组。主要就是 for + slice ,这没啥好说的

接下来我们再来一个用 async + await 实现的请求集合封装。

我们通过 for...of 去遍历每一个异步函数,然后用 async + await 确保函数的执行顺序,再用 try...catch 来保证即使 reject 报错也不会导致无法继续执行任务。

const requestHandler = async (
  groupedUrl = [],
  callback = () => { }
) => {
  if (!groupedUrl.length) {
    callback()
    return groupedUrl
  }
  const newGroupedUrl = groupedUrl.map(fn => fn())
  const resultsMapper = (results) => results.map(callback)
  const data = await Promise.allSettled(newGroupedUrl).then(resultsMapper)
  return data;
}

接下来就是主函数

const sendRequest = async (
  urls = [],
  max = 0,
  callback = () => { }
) => {
  if (!urls.length) {
    return urls
  }
  const groupedUrls = group(urls, max)
  const results = []
  console.log('start !')
  for (let groupedUrl of groupedUrls) {
    try {
      const result = await requestHandler(groupedUrl, callback)
      results.push(result)
      console.log('go')
    } catch { }
  }
  console.log('done !')
  return results
}

这里就是利用了 for + async + await 来限制并发。等每次并发任务结果出来之后再执行下一次的任务。

我们执行下栗子:

const p1 = () => new Promise((resolve, reject) => setTimeout(reject, 1000, 'p1'))
const p2 = () => Promise.resolve(2)
const p3 = () => new Promise((resolve, reject) => setTimeout(resolve, 2000, 'p3'))
const p4 = () => Promise.resolve(4)
const p5 = () => new Promise((resolve, reject) => setTimeout(reject, 2000, 'p5'))
const p6 = () => Promise.resolve(6)
const p7 = () => new Promise((resolve, reject) => setTimeout(resolve, 1000, 'p7'))
const p8 = () => Promise.resolve(8)
const p9 = () => new Promise((resolve, reject) => setTimeout(reject, 1000, 'p9'))
const p10 = () => Promise.resolve(10)
const p11 = () => new Promise((resolve, reject) => setTimeout(resolve, 2000, 'p10'))
const p12 = () => Promise.resolve(12)
const p13 = () => new Promise((resolve, reject) => setTimeout(reject, 1000, 'p11'))
const p14 = () => Promise.resolve(14)

const ps = [p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14]
sendRequest(ps, 3, ({reason, value}) => {
  console.log(reason || value)
})

JavaScript实现指定数量的并发限制的示例代码

OK,我们看到结果是如我们所愿的

到此这篇关于JavaScript实现指定数量的并发限制的示例代码的文章就介绍到这了,更多相关JavaScript 指定数量并发限制内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
经典海量jQuery插件 大家可以收藏一下
Feb 07 Javascript
json-lib出现There is a cycle in the hierarchy解决办法
Feb 24 Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 Javascript
JavaScript多线程详解
Aug 12 Javascript
JS制作适用于手机和电脑的通知信息效果
Oct 28 Javascript
JS查找字符串中出现最多的字符及个数统计
Feb 04 Javascript
浅谈$_FILES数组为空的原因
Feb 16 Javascript
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
详谈commonjs模块与es6模块的区别
Oct 18 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
Oct 10 Javascript
angularjs模态框的使用代码实例
Dec 20 Javascript
JS面向对象编程实现的拖拽功能案例详解
Mar 03 Javascript
vue中的使用token的方法示例
Mar 10 #Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 #Javascript
JS如何在数组指定位置插入元素
Mar 10 #Javascript
vue实现简单瀑布流布局
May 28 #Javascript
JavaScript观察者模式原理与用法实例详解
Mar 10 #Javascript
微信小程序用canvas画图并分享
Mar 09 #Javascript
JavaScript实现简单贪吃蛇效果
Mar 09 #Javascript
You might like
PHP之COOKIE支持详解
2010/09/20 PHP
基于php常用正则表达式的整理汇总
2013/06/08 PHP
php递归方法实现无限分类实例代码
2014/02/28 PHP
PHP实现设计模式中的抽象工厂模式详解
2014/10/11 PHP
Laravel框架实现的使用smtp发送邮件功能示例
2019/03/12 PHP
thinkPHP5框架实现多数据库连接,跨数据连接查询操作示例
2019/05/29 PHP
PHP实现简单登录界面
2019/10/23 PHP
php7 错误处理机制修改实例分析
2020/05/25 PHP
Js-$.extend扩展方法使方法参数更灵活
2013/01/15 Javascript
基于jquery自定义的漂亮单选按钮RadioButton
2013/11/19 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
2015/10/06 Javascript
解决JS组件bootstrap table分页实现过程中遇到的问题
2016/04/21 Javascript
JavaScript实现页面跳转的方式汇总
2016/05/16 Javascript
vue父子组件的数据传递示例
2017/03/07 Javascript
nodejs集成sqlite使用示例
2017/06/05 NodeJs
JavaScript基础之流程控制语句的用法
2017/08/31 Javascript
纯JavaScript实现实时反馈系统时间
2017/10/26 Javascript
p5.js入门教程之键盘交互
2018/03/19 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
2018/05/08 Javascript
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
javascript中layim之查找好友查找群组
2021/02/06 Javascript
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
一个SQL面试题
2014/08/21 面试题
银行员工辞职信范文
2014/01/20 职场文书
中秋节超市促销方案
2014/01/30 职场文书
广告业务员岗位职责
2014/02/06 职场文书
计算机数据库专业职业生涯规划书
2014/02/08 职场文书
环保专项行动方案
2014/05/12 职场文书
财务个人年度总结范文
2015/02/26 职场文书
2015年中秋晚会主持词
2015/07/01 职场文书
教育读书笔记
2015/07/02 职场文书
中国文明网2015年“向国旗敬礼”活动网上签名寄语
2015/09/24 职场文书
2016秋季校长开学典礼致辞
2015/11/26 职场文书
python析构函数用法及注意事项
2021/06/22 Python
Java 超详细讲解ThreadLocal类的使用
2022/04/07 Java/Android