async/await并行编程总结

淩亂°似流年 2022-12-14 03:53 111阅读 0赞

日常使用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。