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