Promise.all()

1.all中没有错误
let p1 = new Promise((resolve, reject) => {
  resolve('p1')
});
let p2 = new Promise((resolve, reject) => {
  resolve('p2')
});
let p3 = new Promise((resolve, reject) => {
  resolve('p3')
})
Promise.all([p1, p2, p3]).then(value => { console.log(value) })

运行结果:
在这里插入图片描述

2.all中出现错误,使用catch只能捕获到错误信息
let p1 = new Promise((resolve, reject) => {
  resolve('p1')
});
let p2 = new Promise((resolve, reject) => {
  reject('p2')
});
let p3 = new Promise((resolve, reject) => {
  resolve('p3')
})
Promise.all([p1, p2, p3]).then(value => { console.log(value) }).catch(err=>console.log(err))

运行结果:
在这里插入图片描述

3.在promise.all队列中,使用map过滤每一个promsie任务,其中任意一个报错,return一个返回值,确保promise能正常执行走到then中

let p1 = new Promise((resolve, reject) => {
  resolve('p1')
});
let p2 = new Promise((resolve, reject) => {
  reject('p2')
});
let p3 = new Promise((resolve, reject) => {
  resolve('p3')
})
Promise.all([p1, p2, p3].map(p=>p.catch(e=>'出错返回的值'))).then(value => { console.log(value) })

运行结果:
在这里插入图片描述

4.在promise实例中抛出错误,all中接受报错
let p1 = new Promise((resolve, reject) => {
  resolve(111)
}).catch(err => {
  return 666
})
let p2 = new Promise((resolve, reject) => {
  reject(222)
}).catch(err => {
  return '报错'
})
let p3 = new Promise((resolve, reject) => {
  resolve(333)
}).catch(err => {
  return 666
})
Promise.all([p1, p2, p3]).then(res => {
  console.log('res', res);
})

运行结果:
在这里插入图片描述

5 promise.allSettled()

用来确定一组异步操作是否都结束了(不管成功或失败)。所以,它的名字叫做”Settled“,包含了”fulfilled“和”rejected“两种情况。

let p1 = new Promise((resolve, reject) => {
  resolve('p1');
});
let p2 = new Promise((resolve, reject) => {
  reject('p2');
});
let p3 = new Promise((resolve, reject) => {
  resolve('p3');
});
Promise.allSettled([p1, p2, p3]).then(values => {
  console.log(values);
}).catch(err => {
  console.log(err);
})

实现结果:
在这里插入图片描述
待更新(promise.race())

### 正确使用 `Promise.all` 嵌套 当处理多个并行操作时,可以利用 `Promise.all` 来等待一组异步操作完成。如果需要在一个 `Promise.all` 调用内部再启动另一组并发任务,则可以通过返回一个新的 `Promise.all` 实现这一点。 ```javascript const outerPromises = [ new Promise((resolve) => setTimeout(() => resolve('one'), 100)), new Promise(async (resolve) => { const innerResults = await Promise.all([ new Promise(resolve => setTimeout(() => resolve(2), 50)), new Promise(resolve => setTimeout(() => resolve(3), 75)) ]); resolve(innerResults); }), new Promise((resolve) => setTimeout(() => resolve('three'), 150)) ]; // 执行外部的 Promise.all 并获取最终结果 Promise.all(outerPromises).then(results => console.log(results)); ``` 上述代码展示了如何在外层 `Promise.all` 中嵌入另一个 `Promise.all`。外层数组中的第二个元素是一个立即解析为内层 `Promise.all` 结果的新承诺对象[^1]。 #### 注意事项 - **错误传播**:任何一层内的失败都会导致整个链路中断。因此建议在每一级都加入 `.catch()` 处理可能发生的异常情况。 - **性能考虑**:虽然理论上可以在任意深度上进行嵌套调用,但这可能会增加复杂度以及潜在影响到程序的整体响应时间。应尽量减少不必要的层次结构来保持良好的可读性和维护性。 - **上下文管理**:对于像 Node.js 这样的环境,在版本8及以上中,`.then()` 或者 `.catch()` 方法被触发时会保留创建它们所在的域(context),这有助于调试和追踪问题所在位置。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值