Promise.all的并发控制

我所向往的美好

已于 2022-10-02 14:41:15 修改

阅读量1.7k

点赞数 1

文章标签： javascript 前端开发语言

于 2022-10-02 14:34:33 首次发布

本文链接：https://blog.csdn.net/weixin_46133178/article/details/127142418

版权

本文探讨了在JavaScript中如何控制Promise.all的并发量。通过分析Promise.all的行为，提出在生成Promise时进行并发控制的解决方案，并展示了一段实现并发控制的代码示例，详细记录了异步请求的执行流程。

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

前几天睿联的面试官问了这样一个问题：如何控制Promise.all的并发量，当时回答的不好，于是经过一段时间的探索，解决了该问题

首先我们要知道promise.all()的用法一般是是传入一个promise的数组，但是由于Promise的内部是同步代码，在Promise生成后其里面的异步请求就已发送，Promise.all()只是对其结果的一个收集，那么我们要想进行并发控制就必须在生成Promise的阶段进行并发控制下面是代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Promise.all()</title>
  </head>
  <body></body>
  <script>
    // 并发量
    const limit = 3;
    // 异步任务的参数数组，一般为url
    const array = [
      1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 1,
      2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我所向往的美好

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
Promise.all的并发控制

promise.all()并发控制
复制链接

扫一扫

Java实现Promise.all()的示例代码

08-27

在Java中实现Promise.all()的示例代码，提供了一个使用CountDownLatch和ThreadPoolExecutor来实现并发执行异步请求的解决方案。下面将详细介绍这个示例代码的实现思路和知识点。一、CountDownLatch的使用 ...

深入理解Promise.all

12-09

然而，尽管 Promise 的执行是并发的，但 Promise.all 的结果数组的顺序却是固定的，与输入数组保持一致。在提供的实验代码中，可以看到 `asyncTask` 函数创建了一个新的 Promise，并使用 setTimeout 来模拟异步...

1 条评论您还未登录，请先登录后发表或查看评论

使用Promise.all实现请求的并发控制

weixin_45039278的博客

11-10

231

给请求绑定回调，在请求完成时检查请求队列是否还有任务，有的话就加入到任务池里。

promise.all同时请求多个接口

weixin_43321726的博客

06-29

4240

javascript的promise.all使用

promise.all与并发处理

最新发布

qq_33039355的博客

04-22

394

正是因为多并发会造成压力，所以我们才需要去控制他，降低这个压力，比如我可以控制最大并发数是 3，这样的话即使有100个并发，我也能保证最多同时并发的最大数量是 3。多并发一般是指多个异步操作同时进行，而运行的环境中资源是有限的，短时间内过多的并发，会对所运行的环境造成很大的压力，比如前端的浏览器同时请求。如果你想要控制并发数量，你可以使用 p-limit 这样的库，或者实现自己的限制并发的逻辑。3、看哪个坑位并发先执行完，就从剩余的并发中拿一个进去补坑。4、一直重复第 3 步，一直到所有并发执行完。

Promise.all 控制并发

qq_38758763的博客

07-19

912

Promise.all 控制并发

Promise.all()处理并发任务挂掉解决办法

xiaoleiv9的博客

04-27

731

解决方法 => Promise.allSettled() 我们都知道Promise.all()具有并发执行异步的能力但是如果其中某个任务但凡有一个出现reject异常错误所有任务都会挂掉所以Promise.allSettled()将是最棒的处理并发执行异步的方法看段代码 => Promise.all走向catch const promise1 = () => { return new Promise((resolve, reject) => {

Promise.all通过分块来处理并发几千条接口导致的异常

KisJLLLLLL的博客

08-04

167

这里要避开两个坑，一个要在全局创造一个变量，来把获取到的推进去，如果放在函数内部，每次都会清空，另一个要把promiseall的接口先推到一个数组里面一起执行，不然会有问题。

js代码-手写promise.all

07-16

在JavaScript的世界里，...了解了如何手写`Promise.all`之后，你可以在实际项目中更好地利用Promise的并发优势，提高代码的可读性和维护性。在使用过程中，也要注意避免因并发导致的问题，如资源竞争、异常处理等。

js代码-promise.all的实现

07-16

promiseAll(promises).then(values => console.log(values)).catch(error => console.error(error)); ``` 在这个实现中，我们创建了一个新的Promise，然后遍历传入的Promise数组。对于每个Promise，我们添加一个`....

js代码-面试题2:使用promise.all 进行5个请求，若其中一个失败了，怎么让其他4个成功返回

07-16

在JavaScript中，Promise.all()方法是处理并发异步操作的重要工具。它接受一个Promise对象的数组作为参数，当这些Promise对象全部变为fulfilled（成功）状态时，Promise.all()返回的Promise才会解决；如果其中任何一...

Promise.all 并发限制

左手121

12-24

3260

Promise.all 并发限制参考链接简介 Promise.all 可以保证，promises 数组中所有 promise 对象都达到 resolve 状态，才执行 then 回调。这时候考虑一个场景：如果你的 promises 数组中每个对象都是 http 请求，或者说每个对象包含了复杂的调用处理。而这样的对象有几十万个。那么会出现的情况是，你在瞬间发出几十万 http 请求（tcp ...

浅层看promise.all异步(并发)执行，和为啥能按序返回

weixin_38291260的博客

07-22

539

直接看一个示例： Promise.all([ new Promise(function(resolve, reject) { resolve(1) }), new Promise(function(resolve, reject) { resolve(2) }), new Promise(function(resolve, reject) { resolve(3) }) ]).then(arr => { console.log(arr) // [

Promise.all并发限制

玖尘的博客

03-07

2440

Promse.all在处理多个异步处理时非常有用。虽然非常好用，但Promse.all也存在一定的限制。

面试官问：如果有100个请求，你如何使用Promise控制并发？

web全栈开发的博客

07-20

614

通过掌握Promise的使用，我们可以轻松应对并发请求，让我们的Web应用更加流畅，用户更加满意。所以，别让并发请求成为你的噩梦，让Promise来帮你解决吧！1、前端面试题库（

Promise常用API方法

PengK_aha的博客

12-12

839

Promise常用API方法

Promise.all的使用，处理多个并发请求

业余前端的职业经历

06-11

5386

其实正常的业务中，按理来说是一个按钮控制一个请求，处理一项业务。但有的时候还是会出现一个按钮控制多个并发请求的业务，这几个请求之间还没有关联。但问题是，你得知道所有的请求处理完成之后，要给用户一个反馈的。这个时候如果使用传统的ajax请求的话，好像我们不知道啥时候所有的并发请求都处理完了，或者是那个请求出了问题然后报出对应的错误。其实通过一个系统的设计还是能用es5的方式处理这些并发请求的但今天就讲解下 promise.all的用法，让你快速实现呢，promise这个东西出来也好几年了

多个promise并发执行，如果某个promise失败，则尝试重新执行该promise一次，如果还是失败则提示错误

坚强的泡沫的博客

08-23

1076

Promise.allSettled返回一个新的Promise对象，该对象在所有给定的Promise已被决议或拒绝后完成，并带有一个对象数组，注意：Promise.allSettled是ES2020中新增的方法，如果需要在较旧的环境中使用该方法，可以使用Promise.all和Promise.catch的组合来实现类似的功能。首先，将所有的promise放入数组中，并使用Promise.all()来同时执行这些promise，这样可以确保所有的promise都成功执行。

promise.all并发控制

09-08

Promise.all是一个用于并行执行多个异步任务的方法，在所有任务都完成后返回一个包含所有任务结果的数组。但是，当使用Promise.all时，所有的请求会同时发出，没有并发控制。为了实现并发控制，可以使用Promise.race配合async await来控制并发数量。具体的实现方法如下： 1. 创建一个空数组ret，用于存放所有的promise实例。 2. 创建一个空数组executing，用于存放目前正在执行的promise。 3. 遍历待执行的任务数组，对于每个任务，创建一个promise实例p，并将其添加到ret数组中。 4. 如果并发数限制小于等于任务数组的长度，则进行并发控制。 5. 在then回调中，当这个promise状态变为fulfilled后，将其从正在执行的promise列表executing中删除。 6. 将当前promise实例e添加到executing数组中，并检查executing数组的长度是否超过并发数限制。 7. 如果超过限制，使用Promise.race等待某一个promise状态发生变更。 8. 状态变更后，执行上面的then回调，将该promise从executing中删除，然后再进入下一次循环，生成新的promise进行补充。 9. 返回Promise.all(ret)以等待所有任务的完成，并获取结果数组。这样，通过Promise.race配合async await，就可以实现对Promise.all的并发控制。 123

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交