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

 

串行的函数要等上个异步执行完在执行,这样可以用到上一步返回的结果,如果不需要上一个函数的结果,单纯的串行可是可以的,不需要写返回句柄

并行的函数不需要等上个函数执行完毕,同时进行

posted @ 2019-05-29 15:36  苹苹淡淡  阅读(1687)  评论(0编辑  收藏  举报