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

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

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

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

我们看下面的例子:

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的返回结果并抛出异常

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值