web前端 Promise.all、Promise.allSettled方法

Promise.allSettled#

执行多个Promise对象实例，配合await使用，可以达到等待任务全部完成后再继续执行的效果。
返回值是一个成功的Promise，其内部值为参数中的Promise的执行结果组成的数组。

const pandaTest1 = new Promise((resolve,reject)=>{
    setTimeout(()=>{
        console.log('pandaTest1 Run');
        //resolve('pandaTest1 resolve');
        reject('pandaTest1 reject');
    }, 1000);
});

const pandaTest2 = new Promise((resolve,reject)=>{
    setTimeout(()=>{
        console.log('pandaTest2 Run');
        //resolve('pandaTest2 resolve');
        reject('pandaTest2 reject');
    }, 2000);
});

async function main()
{
    try
    {
        //Promise.allSettled 本身返回的是一个Promise对象实例
        //使用await后，返回的是几个参数中的Promise对象实例的结果组成的数组
        let result = await Promise.allSettled([pandaTest1,pandaTest2]);
        console.log(result);
    }
    catch (e) {
        console.error(e);
    }
}

main()

Promise.all#

类似Promise.allSettled，区别在于返回结果。
如果参数中的Promise有执行出错，则返回失败的Promise，Promise其内部值为失败的Promise值。
意味着参数中的Promise必须全部执行成功，才能返回成功的Promise，Promise其内部值为一个数组，元素为全部执行成功的Promise的值。

const pandaTest1 = new Promise((resolve,reject)=>{
    setTimeout(()=>{
        console.log('pandaTest1 Run');
        resolve('pandaTest1 resolve');
        //reject('pandaTest1 reject');
    }, 1000);
});

const pandaTest2 = new Promise((resolve,reject)=>{
    setTimeout(()=>{
        console.log('pandaTest2 Run');
        resolve('pandaTest2 resolve');
        //reject('pandaTest2 reject');
    }, 2000);
});

async function main()
{
    try
    {
        //使用await后，返回的是几个参数中的Promise对象实例的结果组成的数组
        let result = await Promise.all([pandaTest1,pandaTest2]);
        console.log(result);
    }
    catch (e) {
        console.log(e);
    }
}

main()