promise异步异常处理----async和await

对于方法fn中出现的异步异常，我们不能用普通的try…catch…方法捕捉到异常，需要这样做：

把抛出异步异常的方法用promise包裹
用await获取fn的返回值: await fn(), await作用是计算表达式
try...catch捕获异常

如果连续几个函数调用，在每个可能会抛出异常的调用处，一定要加上await和async

我们看下面的例子：

function func1() {
    
    
  func2()
}

async function func2() {
    
    
  try {
    
    
    console.log(await func3())
  } catch (error) {
    
    
    console.log('error')
  }
}

async function func3(){
    
    
  await setTimeout(()=>{
    
    
    throw new Error('error')
  },1000)
}

上面的代码func3里面抛出一个错误，但是不会被func2捕捉到（不会打印error）,console.log(await func3())打印出的结果是undefined

在这里插入图片描述
如果想要func2捕捉到func3里面的异步错误，需要给func3里面的抛出异步错误的函数包装一下，包装成一个promise:

这样就可以在func2里面try…catch…捕获到异步异常了，func2里面，await func3()会对func3()返回的promise求值，当promise是fulfilled时候，继续执行，promise为reject时候，捕捉到异常

注意这里要用reject，不要throw:
在这里插入图片描述

function func1() {
    
    
  func2()
}

async function func2() {
    
    
  try {
    
    
    await func3()
  } catch (error) {
    
    
    console.log('error')
  }
}

function func3() {
    
    
  return new Promise((resolve, reject) => {
    
    
    setTimeout(() => {
    
    
      const r = Math.random()
      if (r < 0.5) {
    
    
        reject('error')
      }
    }, 1000)
  })
}

func1()

这样就可以捕获到异常，打印出error了
在这里插入图片描述

还有一个要注意的，就是我们在外部没有用await处理promise抛出的异常，我们把刚才的代码这里await去掉看看：
在这里插入图片描述

在这里插入图片描述
就报UnhandledPromiseRejectionWarning错误，因为promise reject以后外层调用func3的地方没有用await去计算Promise的返回结果并抛出异常

promise异步异常处理----async和await

猜你喜欢