const p1 = (data) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(data + 1)
console.log('s1')
}, 1000)
console.log('p1 finished')
})
}
const p2 = (data) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
reject(data + 1)
console.log('s2')
}, 2000)
console.log('p2 finished')
})
}
const p3 = (data) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(data + 1)
console.log('s3')
}, 3000)
console.log('p3 finished')
})
}
const p4 = (data) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(data + 1)
console.log('s4')
}, 4000)
console.log('p4 finished')
})
}
Promise.allSettled([p1(1),p2(2)])
.then((res)=>{
console.log(res)
return Promise.all([p3(3),p4(4)])
})
.then((res)=>{
console.log(res,'结束了')
})
这里大家需要注意的是为什么不同 Promise.all 这个方法,因为众所周知这个方法也是等待Promise传入的Promise对象数组中的每一个Promise执行完毕,但是这个方法有一个弊端就是如果其中有一个Promise的状态为reject那么就会走到catch分支,那么导致的后果就是无法拿到另外的resolve的值,而且需要多写一层.finally去return下一次的 Promise.all ,这样就导致要写很多没用的分支去保证每一次都能有返回值,并且可能丢失部分返回值;
而 Promise.allSettled 这个方法无论其数组参数中的Promise对象是否全是resolve,都会进入.then分支,只不过对于其.then接收的参数不同,不过都是一个数组形式的返回,具体是什么复制一下我上面的代码,然后打印一下就知道了,这里就不做过多赘述,程序员最忌讳眼高手低,相信我,多去练习!