async/await 里的并行和串行

时间 2019-11-11

标签 async await 并行串行栏目 Java 繁體版

原文原文链接

咱们在使用 async/await 语法时，有时会这样用：promise

function getName () {
    return new Promise((resolve, reject)=>{
        setTimeout(()=>{
            resolve('tony')
        }, 2000)
    })
}
function getId () {
    return new Promise((resolve, reject)=>{
        setTimeout(()=>{
            resolve('123')
        }, 3000)
    })
}

;(async ()=>{
    let name = await getName()
    let id = await getId()
    alert(`name:${name}, id:${id}`)
})()

一眼看上去，应该是3秒种多一点就会 alert 出 'name:tony, id:123'，实际上却花费了5秒才出现提示框，她们是串行执行的！而咱们想要的是并行执行，由于她们之间并无依赖关系。串行执行只会白白增长无谓的等待时间！怎么解决呢？异步

咱们先看 Promise 的语法：async

new Promise( function(resolve, reject) {...} /* executor */ );
executor是带有 resolve 和 reject 两个参数的函数。 Promise构造函数执行时当即调用executor 函数 ， resolve 和 reject 两个函数做为参数传递给executor（executor 函数在Promise构造函数返回新建对象前被调用）。resolve 和 reject 函数被调用时，分别将promise的状态改成fulfilled（完成）或rejected（失败）。executor 内部一般会执行一些异步操做，一旦完成，能够调用resolve函数来将promise状态改为fulfilled，或者在发生错误时将它的状态改成rejected。函数

传给 Promise 做为参数的函数会在 new 建立实例时当即调用code

上面的代码，能够分解成这样：对象

;(async ()=>{
    let namePromise = getName()
    let name = await namePromise
    let idPromise = getId()              //  2000ms以后才生成 Promise 实例
    let id = await idPromise
    alert(`name:${name}, id:${id}`)
})()

因此，若是想并行执行，咱们应该先生成全部须要使用的Promise实例：get

;(async ()=>{
    let namePromise = getName()
    let idPromise = getId()              // 先生成全部 promise 实例
    let name = await namePromise
    let id = await idPromise
    alert(`name:${name}, id:${id}`)
})()

或者使用Promise.allit

;(async ()=>{
    var result = await Promise.all([getName(), getId()])
    alert(`name:${result[0]}, id:${result[2]}`)
})()