参考:promise
Promise 中的三兄弟 .all(), .race(), .allSettled()
简单概括:
1、promise.all()
- Promise.all()方法接受一个数组作为参数,p1、p2、p3都是 Promise 实例
- 只有p1、p2、p3的状态都变成fulfilled,p的状态才会变成fulfilled,此时p1、p2、p3的返回值组成一个数组,传递给p的回调函数
- 只要p1、p2、p3之中有一个被rejected,p的状态就变成rejected,此时第一个被reject的实例的返回值,会传递给p的回调函数
2、promise.race()
- 只要p1、p2、p3之中有一个实例率先改变状态,p的状态就跟着改变。那个率先改变的 Promise 实例的返回值,就传递给p的回调函数
3、promise.allSettled()
- 只有p1,p2 ,p3实例都返回结果,不管是fulfilled还是rejected,包装实例才会结束
所以,Promise.all()无法确定所有请求都结束,如果你需要知道所有入参的异步操作的所有结果,或者需要知道这些异步操作是否全部结束,应该使用promise.allSettled()
4、promise.all和promise.allSettled的区别
- 相同参数对应的处理方式的不同
- Promise.allSettled()不管参数中的promise是fulfilled还是rejected,都会等参数中的实例都返回结果,包装实例才会结束
- Promise.all()只有在接受的所有promise实例全部是fulfilled才会走Promise.all([p1,p2,p3]).then()方法,只要有其中一个promise实例是rejected,就会直接走catch方法,并且catch中只会返回第一个变成rejected的promise的错误
- 对于包装实例本身
- Promise.allSettled()一旦有了结果,包装实例本身总是fulfilled状态
- Promise.all()必须是接受参数中的所有promise实例都变为fulfilled状态,包装实例本身才会变为fullfilled状态,否则有一个接受参数中有一个rejected,则包装实例就是rejected状态
- 返回的数据结构
- Promise.allSettled()接受的结果与入参时的promise实例一一对应,且结果的每一项都是一个对应
const resolved = Promise.resolve(42);
const rejected = Promise.reject(-1);
const allSettledPromise = Promise.allSettled([resolved, rejected]);
allSettledPromise.then(function (results) {
console.log(results);
});
// [
// { status: 'fulfilled', value: 42 },
// { status: 'rejected', reason: -1 }
// ]
- Promise.all()只有当所有入参的promise实例都是fulfilled状态,才会在Promise.all().then()方法中结果,返回结果也是与入参一一对应,结果中只包含实际的resolve的结果
5、用promise.all实现promise.allSettled
Promise.allSettled = function(list) {
if (list instanceof Array) {
let res = [];
list.forEach((i) => {
res.push(
new Promise(function(resolve, reject) {
i.then((v) => {
resolve({state:true, data: v});
}).catch((e) => {
reject({state: false, data: e});
});
})
);
});
return Promise.all(res);
}
return Promise.reject();