ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Promise.all() 多个接口并行调用

2022-06-06 18:01:38  阅读:263  来源: 互联网

标签:resolve 并行 接口 promise 输入 reject Promise iterable


Promise.all() 多个接口并行调用

有些场景我们需要同时调用多个接口的数据,对数据进行处理并渲染到页面上,这个时候需要保证多个接口能够一起并行调用,而 Promise.all() 方法则满足了这个需求。

Promise.all() 介绍

关于 Promise.all() 方法的介绍直接看 MDN 官网

Promise.all() 方法接收一个 promise 的 iterable 类型(注:Array,Map,Set 都属于 ES6 的 iterable 类型)的输入,并且只返回一个Promise实例, 那个输入的所有 promise 的 resolve 回调的结果是一个数组。这个Promise的 resolve 回调执行是在所有输入的 promise 的 resolve 回调都结束,或者输入的 iterable 里没有 promise 了的时候。它的 reject 回调执行是,只要任何一个输入的 promise 的 reject 回调执行或者输入不合法的 promise 就会立即抛出错误,并且 reject 的是第一个抛出的错误信息。

下面是简单的 demo:

const promise1 = Promise.resolve(3);
const promise2 = 42;
const promise3 = new Promise((resolve, reject) => {
  setTimeout(resolve, 100, 'foo');
});

Promise.all([promise1, promise2, promise3]).then((values) => {
  console.log(values);
});
// expected output: Array [3, 42, "foo"]

语法

Promise.all(iterable);

iterable 代表一个可迭代对象,如 ArrayString

想了解更多的用法请查看 MDN

标签:resolve,并行,接口,promise,输入,reject,Promise,iterable
来源: https://www.cnblogs.com/CF1314/p/16349141.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有