JavaScript通过Promise来控制并发请求个数

最新推荐文章于 2024-06-28 00:30:49 发布

二九君

最新推荐文章于 2024-06-28 00:30:49 发布

阅读量1.1k

点赞数 1

分类专栏：前端 JavaScript 面试题文章标签： javascript js

本文链接：https://blog.csdn.net/weixin_44019523/article/details/116604475

版权

本文探讨了在JavaScript中如何控制并发请求的数量，确保同一时间最多只有5个异步请求在运行，以避免资源过载。通过串行和并行的概念对比，解释了Promise.all可能导致的问题，并给出了实现并发限制的代码示例，保证请求顺序的同时，优化了大量请求的执行效率。

摘要由CSDN通过智能技术生成

一、场景

假设现在有这么一种场景：现有 30 个异步请求需要发送，但由于某些原因，我们必须将同一时刻并发请求数量控制在 5 个以内，同时还要尽可能快速的拿到响应结果。

如图所示：
在这里插入图片描述
上图这样的排队和并发请求的场景基本类似，窗口只有三个，人超过三个之后，后面的人只能排队了。

二、串行和并行

串行：一个异步请求完了之后在进行下一个请求
并行：多个异步请求同时进行

串行举例：

var p = function () {
   
  return new Promise(function (resolve, reject) {
   
    setTimeout(() => {
   
      console.log("1000");
      resolve();
    }, 1000);
  });
};
var p1 = function () {
   
  return new Promise(function (resolve, reject) {
   
    setTimeout(() => {
   
      console.log("2000");
      resolve();
    }, 2000)