【Javascript】页面并发任务过多？这个并发限制的异步调度器帮你实现控制并发数

本文链接：https://blog.youkuaiyun.com/qq_41590018/article/details/147130621

一、引言

在 JavaScript 编程中，异步操作是非常常见的。当我们需要处理多个异步任务时，有时会面临并发控制的需求。例如，在进行网络请求时，如果同时发起过多的请求，可能会导致服务器压力过大，或者消耗过多的系统资源。因此，实现一个带并发限制的异步调度器是很有必要的。本文将详细介绍一个带并发限制的异步调度器 Scheduler 的实现，并对代码进行深入分析。

二、需求分析

我们的目标是实现一个名为 Scheduler 的异步调度器，它需要满足以下要求：

能够接收多个异步任务。
保证同时运行的任务数量不超过指定的最大值。
当有任务完成时，能够自动从任务队列中取出下一个任务并执行。

三、代码实现

以下是 Scheduler 类的具体实现代码：

/**
 * 实现一个带并发限制的异步调度器 Scheduler，保证同时运行的任务最多有两个。
 * 
 * @class Scheduler
 */
class Scheduler {
   
  constructor(maxConcurrentTasks = 3) {
   
    this.taskQueue = [];
    this.runningTasks = 0;
    this.maxConcurrentTasks = maxConcurrentTasks;
  }

  addTask(task) {
   
    return new Promise((resolve, reject) => {
   
      this.taskQueue.push({
    task, resolve, reject });
      this.runNextTask();
    });
  }

  runNextTask() {
   
    if (this.runningTasks >= this.maxConcurrentTasks || this.taskQueue.length === 0) return;
    const {
    task, resolve, reject } = this.taskQu