async...await 结合 Promise使用

欢迎加我技术交流QQ群 ：811956471
下面的代码涵盖了 async...await 结合 Promise使用方法，以及统一捕获错误最优方法

以下例子 公用的三个函数：

function getOne() {
    return new Promise((resolve, reject) => {
       reject("出错了1")
    })
}

function getTwo() {
    return new Promise((resolve, reject) => {
        reject("出错了2")
    })
}

function getThree() {
        return new Promise((resolve, reject) => {
            resolve("getThree3")
    })
}

1、一般使用：

const test = async _ => {
    const one = await getOne(false)
    const two = await getTwo(false)
    const three = await getThree(false)
}

test().catch(error => console.log(error)) //出错了1

以上方法有多个await 后面的await都会等前一个执行完了才会执行下一个，他们之间不存在继发关系造成请求时间的等待，影响用户体验

2、如果不存在继发关系可优化使用如下:

const test = async _ => {
    const promises = [getOne(), getTwo(), getThree()]
    const [one, two, three] = await Promise.all(promises)
    const one = await getOne(false)
    const two = await getTwo(false)
    const three = await getThree(false)
}
test().catch(error => console.log(error)) //出错了1