async...await 的一些使用总结

async...await 的一些使用总结

关于 async

它会隐式返回一个 Promise 对象

async func () {
  return 'a'
}

// 等价于
func () {
  return new Promise((resolve, reject) => {
    resolve ('a')
  })
}

async func () {
  return new Promise(resolve, reject) => {
    resolve ('a')
  })
}

// 等价于
func () {
  let promise = return new Promise((resolve, reject) => {
    resolve('a')
  })
  return new Promise((resolve) => resolve(promise))
}

async func 中有 return 'a', 等价于 func 中 new Promise 的 resolve('a')
async func 中有 throw Error('a'), 等价于 func 中 new Promise 的 reject('a')

关于 await

await 后面跟的是 Promise 对象，如果不是，也会转换成 Promise 对象。
如 const res = await 'hello', 等价于 const res = await Promise.resolve('hello')
try … catch() 中的 catch() 会捕获到 Promise 的异常，下面的代码是我经常使用的

async function func() {
  try {
    const res = await Promise.reject(30);
  } catch (err) {
    console.log(err); // 30
  }
}

func();

依次顺序执行异步操作

// 先执行 task1，等 res1 有结果后，再执行 task2
async func () {
  const res1 = await task1()
  const res2 = await task2()
}

并行执行异步操作

func () {
  task1()
  task2()
  task3()
}

或者，

async func () {
  const promise1 = task1()
  const promise2 = task2()
  const res1 = await promise1
  const res2 = await promise2
}

或者，

async function func () { 
  await Promise.all([task1(), task2(),task3()])
  console.log('三个任务执行完毕')
  // 全部执行完毕后，接着后面的代码
}