async/await 順序執行和並行

async function asyncAwaitFn(num) {
　　return await new Promise((resolve, reject) => {
　　　　setTimeout(() => {
　　　　　　console.log(num)
　　　　　　resolve(num+1)
　　　　}, 1000);
　　})
}

const serialFn = async () => { //串行執行

console.time('serialFn')

　　let rest1=await asyncAwaitFn(1)

　　let rest2=await asyncAwaitFn(rest1) //將res1的結果作為參數

console.timeEnd('serialFn')
}

const paralle=async()=>{//並行執行

　　console.time('paralle')

　　await Promise.all([asyncAwaitFn(1), asyncAwaitFn(2)])

　　console.timeEnd('paralle')

}

serialFn();

paralle();

 

//1
//1
//2
//paralle: 1001.81005859375ms
//2
//serialFn: 2003.39208984375ms

 

串行的函數要等上個異步執行完在執行，這樣可以用到上一步返回的結果，如果不需要上一個函數的結果，單純的串行可是可以的，不需要寫返回句柄

並行的函數不需要等上個函數執行完畢，同時進行