Promise.all()和Promise.race()的区别和应用场景

Promise.all()

传入的异步任务数组中，全部成功才返回成功的数组，返回数组顺序和传入任务顺序保持同步
只要有一个任务失败，那就返回这个任务失败的结果

let p1 = Promise.resolve('成功1');
let p2 = Promise.resolve('成功2');
let p3 = Promise.reject('失败3');
let p4 = Promise.resolve('成功4');

Promise.all([p1, p2, p4]).then(res => {
    console.log(res);  // ["成功1", "成功2", "成功4"]
}).catch(err => {
    console.log(err);
});

Promise.all([p1, p2, p3, p4]).then(res => {
    console.log(res);
}).catch(err => {
    console.log(err);  // 失败3
});

Promise.race()

只返回异步任务数组中第一个执行完的结果，其他任务仍在执行，不过结果会被抛弃

let p1 = Promise.resolve('成功1');
let p2 = Promise.resolve('成功2');
let p3 = Promise.reject('失败3');
let p4 = Promise.resolve('成功4');

Promise.race([p4, p2, p1]).then(res => {
    console.log(res);  // 成功4
}).catch(err => {
    console.log(err);
})

Promise.race([p3, p2, p1, p4]).then(res => {
    console.log(res);
}).catch(err => {
    console.log(err);  // 失败3
})

应用场景

Promise.all()： 一个操作同时需要调几个接口返回的数据
Promise.race()： 几个接口返回一样的数据，哪个快用哪个

拓展

让一个函数无论promise对象成功和失败都能被调用

• Promise.finally()，finally方法用于指定不管Promise对象最后状态如何，都会执行的操作