异步控制并发数

异步控制并发数通常用于限制同时进行的异步操作数量，以避免资源过度占用或网络请求过多导致的性能问题。在 JavaScript 中，可以使用 Promise、async/await 等语法来实现异步控制并发数。

下面是一个简单的示例代码，实现了同时执行3个异步操作的控制：

// 模拟异步操作的函数
function asyncFunc(id) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log(`Operation ${id} completed`);
      resolve();
    }, Math.random() * 1000);
  });
}

// 控制并发数的函数
async function controlAsyncLimit() {
  const limit = 3; // 同时进行的最大异步操作数量
  const queue = []; // 异步操作队列

  for (let i = 0; i < 10; i++) { // 执行10个异步操作
    queue.push(async () => { // 将每个异步操作包装为一个异步函数
      await asyncFunc(i); // 执行异步操作
    });

    if (queue.length >= limit) { // 达到并发数上限
      await Promise.all(queue); // 等待当前所有异步操作完成
      queue.length = 0; // 清空异步操作队列
    }
  }

  await Promise.all(queue); // 执行剩余的异步操作
}

controlAsyncLimit();

在这个示例代码中，我们定义了一个 asyncFunc 函数，用于模拟异步操作。然后定义了一个 controlAsyncLimit 函数，用于控制同时进行的异步操作数量。在 controlAsyncLimit 函数中，我们首先定义了最大的并发数 limit，以及一个异步操作队列 queue。接着使用一个循环来执行10个异步操作，每个异步操作都被包装为一个异步函数并添加到异步操作队列中。当异步操作队列中的异步函数数量达到并发数上限 limit 时，我们使用 Promise.all 方法等待当前所有异步操作完成，并清空异步操作队列。最后，我们再次使用 Promise.all 方法执行剩余的异步操作。

这样，就可以通过控制并发数，实现异步操作的有效管理和控制。

🐱 个人主页：TechCodeAI启航，公众号：SHOW科技

🙋‍♂️ 作者简介：2020参加工作，专注于前端各领域技术，共同学习共同进步，一起加油呀！

💫 优质专栏：前端主流技术分享

📢 资料领取：前端进阶资料可以找我免费领取

🔥 摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼！