async/await的串行和并行

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

  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}`)
        })()

按理应该是三秒多一点就会出现弹窗，实际上却花费了5秒才出现提示框，因为她们是串行执行的，而我们想要的是并行执行，因为她们之间并没有依赖关系。串行执行只会增加无谓的等待时间。这种情况如何解决呢？
我们先看Promise的语法：

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

传给Promise作为参数的函数会在new创建实例时立即调用
上面的代码，可以分解成这样：

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

所以，如果想并行执行，我们应该先生成所有需要使用的Promise实例：

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

或者使用Promise.all

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

转载于：https://blog.csdn.net/Phoenix_19880101/article/details/101639149