Promise.all()

在处理多个并发请求时,一般会用Promise.all()方法。
Promise.all方法用于将多个 Promise 实例,包装成一个新的 Promise 实例

语法:

const p = Promise.all([p1, p2, p3]);

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

如何让Promise.all在抛出异常后依然有效?

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

var p1 = new Promise((resolve, reject) => {
	resolve('p1');
});
var p2 = new Promise((resolve, reject) => {
	resolve('p2');
});
var p3 = new Promise((resolve, reject) => {
	reject('p3');
});
Promise.all([p1, p2, p3].map(p => p.catch(e => '出错啦!' )))
  .then(res => {
    console.log(res);
  }).catch(err => {
    console.log(err);
  })
使用 Promise.allSettled 替代 Promise.all()。

Promise.allSettled()方法返回一个在所有给定的 promise 都已经fulfilled或rejected后的 promise,并带有一个对象数组,每个对象都描述了对应的 promise 结果。

总结

Promise.all() 更适合彼此相互依赖或者在其中任何一个reject时立即结束。
Promise.allSettled()更适合多个彼此不依赖的异步任务成功完成时,或者想知道每个promise的结果。

### 正确使用 `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、付费专栏及课程。

余额充值