`Promise.all()`方法中某个 Promise 实例出错不影响其他的方法

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

const p = Promise.all([p1, p2, p3]).then(...).catch(...);
// p的状态由p1、p2、p3决定:
// 1、只有p1、p2、p3的状态都变成fulfilled,p的状态才会变成fulfilled,此时p1、p2、p3的返回值组成一个数组,传递给p的回调函数。
// 2、只要p1、p2、p3之中有一个被rejected,p的状态就变成rejected,此时第一个被reject的实例的返回值,会传递给p的回调函数。
const p1 = new Promise((resolve, reject) => {
  resolve('p1');
})
.then(result => result)
.catch(e => e);

const p2 = new Promise((resolve, reject) => {
  throw new Error('p2报错了');
})
.then(result => result)
.catch(e => e);

const p3 = new Promise((resolve, reject) => {
  resolve('p3');
})
.then(result => result)

Promise.all([p1, p2, p3])
.then(result => console.log(result))
.catch(e => console.log(e));
// ["p1", Error: p2报错了,"p3"]
// 上面代码中,p1会resolved,p2首先会rejected,但是p2有自己的catch方法,该方法返回的是一个新的 Promise 实例,p2指向的实际上是这个实例。该实例执行完catch方法后,也会变成resolved,导致Promise.all()方法参数里面的两个实例都会resolved,因此会调用then方法指定的回调函数,而不会调用catch方法指定的回调函数。
// 如果p2没有自己的catch方法,就会调用Promise.all()的catch方法。就只会输出结果 Error: p2报错了
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise.all 方法接收一个 Promise 数组作为参数,并且返回一个新的 Promise 对象。该新的 Promise 对象在所有 Promise 对象都变为 resolved 状态时才会被 resolved,或者在任意一个 Promise 对象变为 rejected 状态时被 rejected。返回的 Promise 对象的结果将是一个包含所有 Promise 对象结果的数组,其顺序与传入的 Promise 数组顺序一致。 以下是一个使用 Promise.all 方法的示例: ```javascript const promise1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('Promise 1 resolved'); }, 1000); }); const promise2 = new Promise((resolve, reject) => { setTimeout(() => { resolve('Promise 2 resolved'); }, 2000); }); const promise3 = new Promise((resolve, reject) => { setTimeout(() => { resolve('Promise 3 resolved'); }, 1500); }); Promise.all([promise1, promise2, promise3]) .then(results => { console.log(results); // ['Promise 1 resolved', 'Promise 2 resolved', 'Promise 3 resolved'] }) .catch(error => { console.log(error); }); ``` Promise.race 方法也接收一个 Promise 数组作为参数,并且返回一个新的 Promise 对象。该新的 Promise 对象将与最先完成(无论是 resolved 或 rejected)的 Promise 对象具有相同的状态。 以下是一个使用 Promise.race 方法的示例: ```javascript const promise1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('Promise 1 resolved'); }, 1000); }); const promise2 = new Promise((resolve, reject) => { setTimeout(() => { resolve('Promise 2 resolved'); }, 2000); }); const promise3 = new Promise((resolve, reject) => { setTimeout(() => { reject('Promise 3 rejected'); }, 1500); }); Promise.race([promise1, promise2, promise3]) .then(result => { console.log(result); // 'Promise 1 resolved' }) .catch(error => { console.log(error); // 'Promise 3 rejected' }); ``` 使用 Promise.all 方法Promise.race 方法可以更方便地处理多个 Promise 对象的状态和结果。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值