async/await并行编程总结

日常使用async/await这对好基友的时候，多数是用一函数把它们包起来或者直接使用，如以下写法

function getName () {
    return new Promise((resolve, reject)=>{
        setTimeout(()=>{
            resolve('lcwai')
        }, 2000)
    })
}
function getId () {
    return new Promise((resolve, reject)=>{
        setTimeout(()=>{
            resolve('456')
        }, 3000)
    })
}
console.log(new Date().getTime())

async function show() {
    let name = await getName()
    let id = await getId()
    console.log(`name:${name}, id:${id}`)
    console.log(new Date().getTime())
}

show()

结果：5s

1602553423357
name:lcwai, id:456
1602553428370

好明显看到是串行，但是遇到一些并行处理的场景，这样会很悲催。

下面总结一下自己所用到一些串行写法。
1、先生成所有 promise 实例，再调用

;(async ()=>{
    let namePromise = getName()
    let idPromise = getId()              
    let name1 = await namePromise
    let name = await namePromise
    let id = await idPromise
    console.log(`name:${name}, id:${id}, name1: ${name1}`)
    console.log(new Date().getTime())
})()

结果：3s

1602554099501
name:lcwai, id:456, name1: lcwai
1602554102512

2、使用Promise.all

;(async ()=>{
    var result = await Promise.all([getName(), getId()])
    console.log(`name:${result[0]}, id:${result[1]}`)
    console.log(new Date().getTime())
})()

结果：3s

1602554183102
name:lcwai, id:456
1602554186112

3、使用Q.allSettled

const Q = require('q');
Q.allSettled([
    getName(), 
    getId()
]).spread(async function (gnRet, giRet) {
    console.log(gnRet, giRet)
    console.log(new Date().getTime())
}).done();

结果：3s

1602554375226
{ state: ‘fulfilled’, value: ‘lcwai’ } { state: ‘fulfilled’, value: ‘456’ }
1602554378248

4、使用Q.all

const Q = require('q');
Q.all([
    getName(), 
    getId()
]).done(v => {
    console.log(v)
    console.log(new Date().getTime())
});

结果：3s

1602554466047
{ state: ‘fulfilled’, value: ‘lcwai’ } { state: ‘fulfilled’, value: ‘456’ }
1602554469067

这4种方法有什么好坏处呢？
方法1、2无需引入新的包，而3、4则需要引入q包；
如果链式调用没有resolve返回，只有reject的话，方法1，2，4都会有报错而无法接收到需要的值，方法3则能接收到需要的状态返回。

因此：在确保全部异常都能捕捉并很好地处理的情况下，4种方法随便用。如果是不太熟练，建议优先使用方法3。