前端基础篇之Promise.all

谁借莪１个温暖的怀抱￠ 2024-04-06 12:26 36阅读 0赞

### 1 解释 ###

Promise.all()方法接收一个由promise组成的iterable类型参数（Array，Map，Set 都属于 ES6 的 iterable 类型）。

*  如果所有输入的promise的resolve回调都结束了，或者输入的iterable里面没有promise了的时候，这个Promise执行resolve回调函数，回调结果是所有promise的resolve回调组成的数组。
 *  如果任何一个输入的promise的reject回调执行，或者输入不合法的promise，就会立即抛出错误，并且reject的是第一个抛出的错误。

### 2 使用场景 ###

某个操作同时需要不同的接口返回的数据，这时我们就可以使用Promise.all。

### 3 示例 ###

成功执行的例子：

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

执行失败的例子：

const promise1 = Promise.resolve(3);
    const promise2 = 42;
    const promise3 = new Promise((resolve, reject) => {
        
      setTimeout(reject, 1000, 'foo');
    });
    
    Promise.all([promise1, promise2, promise3]).then((values) => {
        
      console.log(values);
    }).catch((err) => {
        
      console.log("error occur");
    });
    // expected output: error occur

发表评论取消回复

表情：

评论列表（有 0 条评论，36人围观）

还没有评论，来说两句吧...

相关阅读

相关前端基础篇之Promise.all

1 解释 Promise.all()方法接收一个由promise组成的iterable类型参数（Array，Map，Set 都属于 ES6 的 iterable 类型）。

谁借莪１个温暖的怀抱￠/ 2024年04月06日 12:26/ 0 赞/ 37 阅读

相关 web前端进阶之VUE基础篇

教程推荐：[前端框架Vue2+Vue3全套视频][Vue2_Vue3] 1、什么是 vue 官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套

淡淡的烟草味﹌/ 2024年04月01日 16:42/ 0 赞/ 193 阅读

相关 WEB前端大神之路之基础篇

CSS篇：　　1.CSS权重：　　　　不重复造轮子啦，直接传送门（[CSS选择器的权重与优先规则][CSS]） JavaScript篇：　　1.this关键字：

红太狼/ 2023年05月29日 02:26/ 0 赞/ 81 阅读

相关 2020 前端高频面试题！！！（前端基础篇）

前端基础篇 1、如何理解执行上下文 JavaScript执行上下文(context)主要指代码执行环境的抽象概念。执行上下文分为三种： 1. 全局执行上下文 2

ゝ一纸荒年。/ 2023年02月10日 01:24/ 0 赞/ 143 阅读

相关前端性能优化-基础篇

页面加载及渲染过程优化首先介绍一下浏览器渲染页面的流程： 1.解析 HTML 文件，构建 DOM 树，同时浏览器主进程负责下载 CSS 文件 2.CSS 文件下载

叁歲伎倆/ 2022年12月07日 15:26/ 0 赞/ 227 阅读

相关前端基础知识--CSS篇

1.CSS的盒子模型 W3C标准盒模型：width = content IE怪异盒模型：width = content + padding 值 2.初始化CSS样式的好处

小咪咪/ 2022年05月28日 23:13/ 0 赞/ 372 阅读

相关 web前端基础篇

JS -------------------- 数据类型： Number JavaScript不区分整数

柔情只为你懂/ 2022年05月27日 01:17/ 0 赞/ 335 阅读

相关前端总结·基础篇·CSS

前端总结·基础篇·CSS 1 常用重置+重置插件（[Normalize.css][],IE8+） \ \{box-sizing:border-box;\} /\ IE8+

柔情只为你懂/ 2021年11月29日 16:56/ 0 赞/ 447 阅读

相关高级前端软件工程师知识整理之基础篇(四)

21. JS里垃圾回收机制是什么？常用方法有哪些以及如何优化垃圾回收？由于字符串、对象和数组没有固定大小，所以当他们的大小已知时，才能对他们进行动态的存储分配。Java

ゝ一纸荒年。/ 2021年09月18日 18:36/ 0 赞/ 503 阅读

相关高级前端软件工程师知识整理之基础篇(二)

6. 怎么实现对象的浅拷贝和深拷贝？对象属于引用类型，保存在堆内存中。浅拷贝是指简单的赋值，实际上是复制该对象指向的指针地址，因此一个对象改变时，另一个的对象也会跟

雨点打透心脏的1/2处/ 2021年09月18日 17:56/ 0 赞/ 496 阅读