限制promise并行数的实现

最新推荐文章于 2025-08-01 15:01:36 发布

黑1号一

最新推荐文章于 2025-08-01 15:01:36 发布

阅读量187

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 es6

本文链接：https://blog.youkuaiyun.com/weixin_43601527/article/details/120897910

该博客介绍了一个名为`Dispatch`的类，用于限制Promise的并行执行数量。通过创建一个异步任务队列，`Dispatch`可以在不超过指定最大数量的同时运行多个Promise。当一个Promise完成时，会释放一个槽位，允许队列中的下一个任务开始。示例代码展示了如何添加任务到队列并控制并发执行，以确保输出顺序为2314。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*
 *@description: 限制promise的并行数量
 *@author: codeWen666
 *@date: 2021-10-22 00:32:56
 *@version: V1.0.5
*/

class Dispatch {
  constructor (maxNum) {
    this.maxTime = maxNum || 2
    this.runTime = 0
    this.asyncQueue = []
  }

  add (promiseGenerator) {
    this.asyncQueue.push(promiseGenerator)
    this.runPromise()
  }

  runPromise () {
    if (this.asyncQueue.length && this.runTime < this.maxTime) {
      const promiseRun = this.asyncQueue.shift()
      this.runTime++
      promiseRun().then(() => {
        this.runTime--
        this.runPromise()
      })
    }
  }
}

function timeout (time) {
  return new Promise((resolve) => {
    setTimeout(resolve, time)
  })
}
const dispatch = new Dispatch()

function addTask (time, order) {
  dispatch.add(() => {
    return timeout(time).then(() => {
      console.log(order)
    })
  })
}

addTask(1000, '1')
addTask(500, '2')
addTask(400, '3')
addTask(200, '4')

// 输出结果 2 3 1 4