开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

从promise.all()返回数据

从promise.all()返回数据是一个包含所有Promise对象的数组，这些Promise对象在传入的可迭代对象中被解析或拒绝。返回的Promise对象将在所有传入的Promise对象都解析或有一个被拒绝时解析。

promise.all()的优势在于可以同时处理多个异步操作，并在所有操作完成后返回结果。它可以提高程序的并发性和效率，特别适用于需要等待多个异步操作完成后再进行下一步操作的场景。

应用场景：

并行请求：当需要同时发送多个请求并等待它们的响应时，可以使用promise.all()来等待所有请求完成后再进行下一步操作。
数据聚合：当需要从多个数据源获取数据，并在所有数据都到达后进行聚合处理时，可以使用promise.all()来等待所有数据到达后再进行聚合操作。
批量处理：当需要对一批数据进行相同的操作时，可以使用promise.all()来并行处理所有数据，提高处理速度。

腾讯云相关产品推荐：

云函数（Serverless）：腾讯云云函数是一种事件驱动的无服务器计算服务，可以帮助开发者在云端运行代码，无需关心服务器管理和运维。使用云函数可以方便地处理promise.all()返回的数据。产品介绍链接：https://cloud.tencent.com/product/scf
云数据库MySQL版：腾讯云云数据库MySQL版是一种高性能、可扩展的关系型数据库服务，提供了稳定可靠的数据存储和访问能力。可以用于存储和查询promise.all()返回的数据。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
云存储COS：腾讯云对象存储（Cloud Object Storage，COS）是一种安全、高可靠、低成本、高扩展性的云端存储服务，适用于存储各种类型的数据。可以用于存储promise.all()返回的数据。产品介绍链接：https://cloud.tencent.com/product/cos

请注意，以上推荐的腾讯云产品仅作为示例，其他云计算品牌商也提供类似的产品和服务。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

javascript异步之Promise.all()、Promise.race()、Promise.finally()

今天我们继续讨论promise 网络上关于PromiseAPI使用的文章多如牛毛，为了保持javascript异步系列文章的完整性，现在对promise的API进行简单全面的介绍

03

停止在 JavaScript 中使用 Promise.all()

从本质上讲，Promise 对象表示异步操作的最终完成或失败。有趣的是，当 promise 被创建时，其值可能不会立即可用。

01

promise.all和promise.race

Promise.all可以将多个实例组装成一个新的实例，成功的时候返回一个成功数组，失败的时候则返回最先被reject失败状态的值

02

理解和使用Promise.all和Promise.race

Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。

02

Promise.all的深入理解「建议收藏」

Promise.all接收的promise数组是按顺序执行的还是一起执行的，也就是说返回的结果是顺序固定的吗？

01

手写Promise的相关方法

Promise 作为 JS 社区的异步解决方案，为开发者提供了.then()、Promise.resolve()、Promise.reject()等基本方法。除此之外，为了更方便地组合和控制多个的 Promise 实例，也提供了.all()、.race()等方法。

02

停止在 JavaScript 中使用 Promise.all()

如果你偶然发现了这篇文章，你可能已经对 promises 很熟悉了。但对于那些新接触 JavaScript 的人来说，我们来详细解释一下。从本质上讲，Promise 对象表示异步操作的最终完成或失败。有趣的是，当 promise 被创建时，其值可能不会立即可用。

01

js异步请求问题

首先想到的是,把promise存到数组,然后用Promise.all()把数据搞定

03

【头条面试题】如何手写一个 Promise.all

我从来没有想过要手写实现 promise.all 函数，稍微一想，大概就是维护一个数组，把所有 promise 给 resolve 了之后都扔进去，这有啥子好问的。没想到，一上手还稍微有点棘手。

04

掌握 Promise 的逻辑方法

分别是 Promise.all, Promise.race, Promise.allSettled, Promise.any

01

技术篇 - 如何使用 Promise.all()

热心于做开源，写文章，目的为帮助在校大学生，刚入职场的小伙伴可以尽快搭建自己的前端学习体系。

00

听说你还不知道Promise的allSettled()和all()的区别？

从 ES2015 起, promises 的出现，让我们简化了异步操作。（所以 promise 越来越流行，掌握它的相关 API 变得至关重要）。

03

每日两题 T12

有效括号字符串定义：对于每个左括号，都能找到与之对应的右括号，反之亦然。详情参见题末「有效括号字符串」部分。

01

简单说下Promise.all和Promise.race区别和使用场景

Promise.all() 方法接收一个promise的iterable类型（注：Array，Map，Set都属于ES6的iterable类型）的输入，并且只返回一个Promise实例。

js使用Promise.all() 来等待所有请求完成后再进行数据赋值操作

将代码改造成使用 Promise.all() 来等待所有请求完成后再进行赋值，需要首先创建一个包含所有异步请求的数组，然后使用 Promise.all() 来等待它们全部完成：

01

【MDN学习】JavaScript 之 Promise

简单来说，可以一次接收多个 Promise，只会返回一个 Promise 实例，但是 Promise 是有两种返回情况的

02

好好学习JS异步原理

平常在工作中，我们经常与异步打交道，无论是函数节流、防抖，异步请求，都是异步操作。那么我们会经常使用setTimeout，Promise，Async/Await这三个东西。那么我们是真的了解这些api和语法糖他们的原理以及知识吗？本篇文章将从尽可能的说明白个中的原理和知识。

02

Promise all方法

Promise.all方法接收一个Promise对象数组，并返回一个新的Promise对象。当传入的所有Promise对象都成功完成时，新的Promise对象将被标记为已完成，并将一个包含所有结果的数组作为其结果值；如果其中任何一个Promise对象被标记为失败，则新的Promise对象将被标记为失败，并将失败的原因作为其结果。

03

深入解析ES6中的promise

then(resolve, reject) then方法中的第二个回调，是失败的时候要做的事情

04

今日一题 - 请模拟实现一个Promise.all() 方法？

Promise.all()方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。

02

JavaScript Promise

我们都知道 JavaScript 是一种同步编程语言，上一行出错就会影响下一行的执行，但是我们需要数据的时候总不能每次都等上一行执行完成，这时就可以使用回调函数让它像异步编程语言一样工作。像 NodeJS 就是采用异步回调的方式来处理需要等待的事件，使得代码会继续往下执行不用在某个地方等待着。但是也有一个不好的地方，当我们有很多回调的时候，比如这个回调执行完需要去执行下个回调，然后接着再执行下个回调，这样就会造成层层嵌套，代码不清晰，很容易进入“回调监狱”。。。所以 ES6 新出的 Promise 对象以及 ES7 的 async、await 都可以解决这个问题。 Promise 是用来处理异步操作的，可以让我们写异步调用的时候写起来更加优雅，更加美观便于阅读。Promise 为承诺的意思，意思是使用 Promise 之后他肯定会给我们答复，无论成功或者失败都会给我们一个答复，所以我们就不用担心他跑了哈哈。 Promise 有三种状态：pending（未决定），resolved（完成fulfilled），rejected（失败）。只有异步返回时才可以改变其状态，因此我们收到的 Promise 过程状态一般只有两种：pending->fulfilled 或者 pending->rejected。

01

前端编码题中的集大成者，异步sum/add

请实现一个 sum 函数，接收一个数组 arr 进行累加，并且只能使用add异步方法

01

36 - 新的 Promise 方法：allSettled & any

原文地址：https://dev.to/bhagatparwinder/new-promise-methods-allsettled-any-3ii9

02

前端异步代码解决方案实践(一)

小程序框架提供丰富的原生API，可以方便调起微信提供的能力，如获取用户信息，本地存储，支付功能等。但大多数API为异步调用，需要传递成功或失败回调函数，例如wx.request发起https请求需要在成功或失败回调中书写业务逻辑，这时就很容易会遇到回调地狱问题。另外一方面，错误或异常处理会和业务代码写在一起，代码耦合高。

03

如何更好的编写async函数

Promise是使用async/await的基础，所以你一定要先了解Promise是做什么的 Promise是帮助解决回调地狱的一个好东西，能够让异步流程变得更清晰。一个简单的Error-first-callback转换为Promise的例子：

01

Promise 常用API

这段代码创建一个promise对象，定义了处理onFulfilled和onRejected的函数（handler），然后返回这个promise对象。这个promise对象会在变为resolve或者reject的时候分别调用相应注册的回调函数。（1）当handler返回一个正常值的时候，这个值会传递给promise对象的onFulfilled方法。（2）定义的handler中产生异常的时候，这个值则会传递给promise对象的onRejected方法。

05

【Web技术】2042- 前端实现并发控制网络请求

有时候会遇到需要同时请求多个接口的场景，比如：获取学生列表，然后需要根据每个学生的id获取学生参加的社团的数量（意思是这么个意思，就是要依赖一个数组的每一项进行另一个请求获取其他数据）（听起来应该是后端将每个课程的人数一块返回了才正常），但是确实是有不正常的情景，即返回的学生信息不包含学生参与的社团数量，需要额外调用接口。假设有三四十个学生，那就意味着需要循环调用三四十个获取参与的社团数量的接口，显然对服务器造成的压力是很大的，显然不可以。此处就采用请求池的方法

01

写给前端小白的「Promise备忘手册」！（建议收藏）

大家好，我是HoMeTown，Promise想必大家都知道，在平时的开发工程中也经常会有用到，但是Promise作为ES6的重要特性，其实还拥有很多丰富的知识，本文面向比较初级一些的同学，可以帮你搞懂Promise到底做了什么，顺便起到一个备忘录的作用。

02

ES6 Promise

Promise 的状态只有两种可能，从 pending 变为 fulfilled 和从 pending 变为 rejected，一旦状态变化，就不会再改变

01

如何更好的编写async函数

如何更好的编写async函数 2018年已经到了5月份，node的4.x版本也已经停止了维护我司的某个服务也已经切到了8.x，目前正在做koa2.x的迁移将之前的generator全部替换为async 但是，在替换的过程中，发现一些滥用async导致的时间上的浪费所以来谈一下，如何优化async代码，更充分的利用异步事件流杜绝滥用async 首先，你需要了解Promise Promise是使用async/await的基础，所以你一定要

03

前端JS发起的请求能暂停吗？

在讨论前端JS发起的请求是否能暂停时，需要明确两个概念：什么状态可以被认为是“暂停”？以及什么是JS发起的请求？

01

promise.all 与多个await 的区别

之前写一篇关于vue请求太多，页面会多次进行刷新，最后使用了Promise.all 解决了这个问题，但一直没有理解为什么用多个await不能实现。具体可以参考之前的文章《vue 请求太多时的优化方法》

01

async/await实现Promise.all()

Promise.all() 方法接收一个 promise 的 iterable 类型（注：Array，Map，Set 都属于 ES6 的 iterable 类型）的输入，并且只返回一个Promise实例，并且输入的所有 promise 的 resolve 回调的结果是一个数组。

00

手写源码系列（二）——Promise相关方法

本文首发于知乎专栏——前端面试题汇总，大家可以通过文章底部的阅读原来来访问原文地址

03

JavaScript——Promise

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。

02

《你不知道的JavaScript》：ES6 Promise API 详解

new Promise(…) 构造器的参数必须提供一个函数回调。这个回调是同步的或者立即调用的。这个函数又接受两个函数回调参数，用以支持promise的决议。通常把这两个函数回调参数称为 resolve()和reject()：

05

Promise 毁掉地狱

最近部门在招前端，作为部门唯一的前端，面试了不少应聘的同学，面试中有一个涉及 Promise 的一个问题是：

02

简单实现一个Promise

static：静态属性指的是 Class 本身的属性，即Class.propName，而不是定义在实例对象（this）上的属性。

03

JavaScript的异步编程之Promise

一种更优的异步编程统一方法，如果直接使用传统的回调函数去完成复杂操作就会形成回调深渊

07

Promise详细教程，全方位解析，让你秒懂异步

【摘要】什么是异步？异步：操作之间没啥关系，同时进行多个操作，操作之间不会有干扰（可以先往下执行，回头再执行上面的），代码复杂同步：同时只能做一件事，上面数据执行完之后才能进行下个操作（从上到下），代码简单什么情况下用到promise？一般情况下是有异步操作时，使用Promise对这个异步操作进行封装new ->构造函数(1.保存了一些状态信息 2.执行传入的函数)在执行传入的回调函数时，会传入两个...

01

Javascript异步回调细数：promise yield async/await

虽然我对js的鄙视一直都是无以复加，但是奈何前端环境不得不依赖javascript。哪些nodejs的大神们四处布道nodejs统治一切：单线程非阻塞，高IO操作。但是，java也可以做好吧，而且GO做的更干练！假设你的应用程序要做两件事情，分别是A和B。你发起请求A，等待响应，出错。发起请求B，等待响应，出错。Go语言的阻塞模型可以非常容易地处理这些异常，而换到了Node里，要处理异常就要跳到另一个函数里去，事情就会变得复杂。

00

【JS】993- JavaScript 异步流程控制

来源 | https://github.com/cheogo/learn-javascript

02

初识Promise

Promise是异步编程的一种优雅的解决方案。它相比于回调和事件交互，更加合理和强大。它改善了深度回调的问题。回调里面还有回调，层级较深的，代码看起来特别凌乱。而通过事件交互会多做一些工作，比如发送事件，监听事件，事件回调等操作。而Promise能够获取异步操作的结果，这样的话，方便进一步处理接下来的逻辑。

01

图解 Promise 实现原理（四）—— Promise 静态方法实现

了用法，原生提供了Promise对象。更多关于 Promise 的介绍请参考阮一峰老师的 ES6入门之 Promise 对象。

01

因为实现不了Promise.all，一场面试凉凉了

(ಥ﹏ಥ)曾经真实发生在一个朋友身上的真实事件，面试官让他手写一个Promise.all，朋友现场发挥不太好，没有写出来，事后他追问面试官给的模糊评价是基础不够扎实，原理性知识掌握较少... 当然整场面试失利，并不仅仅是这一个题目，肯定还有其他方面的原因。

03

Promise 详解

本文旨在探讨Promise 出现背景、实现原理以及常用方法的实现。本文不是Promise的基本教程，如有不了解的读者，可以参考Promise mdn[1] 。

02

面字节涨薪70%：朋友却说这题目太没挑战了

最近有个好哥们面试阿里、字节...等一众一线互联网大厂，全部收割了offer，堪称收割机中的战斗机，然而一面的部分题目，在他眼里，却很没挑战（确实是有资本，哈哈哈），到底是啥...一起来学习一波。

01

一个小白的角度看JavaScript Promise 完整指南

这篇文章算是 JavaScript Promises 比较全面的教程，该文介绍了必要的方法，例如 then，catch和finally。此外，还包括处理更复杂的情况，例如与Promise.all并行执行Promise，通过Promise.race 来处理请求超时的情况，Promise 链以及一些最佳实践和常见的陷阱。

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭