如何让promise.all 抛出异常后依然有效

处理多个并发请求时，我们一般会用Promise.all()方法。

该方法指当所有在可迭代参数中的 promises 已完成，或者第一个传递的 promise（指 reject）失败时，返回 promise。

但是当其中任何一个被拒绝的话。Promise.all([…])就会立即被拒绝，并丢弃来自其他所有promis的全部结果。

也就是说，promise.all 中任何一个 promise 出现错误的时候都会执行reject，导致其它正常返回的数据也无法使用。

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

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

效果图：

示例代码：

// 模拟返回示例
function getData(api) {
	return new Promise((resolve, reject) => {
		setTimeout(() => {
			Math.random() > 0.5 ? resolve('get ' + api + ' success') : reject('error')
		}, 200)
	})
}
function getDatas(arr) {
	return Promise.all(arr.map(one => one.catch(e => e)))
		.then(values => values)
		.catch(error => error)
}

async function initData() {
	let result = await getDatas([getData('./api1'), getData('./api2'), getData('./api3')]) //模拟请求
	console.log(result);
}

initData()

方案二

使用 Promise.allSettled 替代 Promise.all()。

Promise.allSettled()方法返回一个promise，该promise在所有给定的promise已被解析或被拒绝后解析，并且每个对象都描述每个promise的结果。

let allSettled = Promise.allSettled([getData('./api1'), getData('./api2'), getData('./api3')]) //模拟请求
  allSettled.then(res => {
    console.log(res)
  })