Promise错误处理

1. then()方法

thenPromise构造函数的实例方法。第一个参数是成功状态的回调函数,第二个参数是失败状态的回调函数。

new Promise((resolve, reject) => {
  reject('error')
}).then(data => {
  console.log(data)
}, error => {
  console.log(error)  // error
})

2. catch()方法

catchPromise构造函数的实例方法。实际上是对then方法的简写,第一个参数为null,第二个参数则是错误处理的回调。

以下两行代码是等价的:

 promise.then(null, c);
 promise.catch(c);

3. 异常处理

首先Promise实例之所以能够链式调用,是因为它的每个方法都返回的是对象本身(如:then方法返回的就是Promise实例)。

3.1 then()方法的第二个参数

new Promise((resolve, reject) => {
  reject('error')
}).then(data => {
  console.log(data)
}, error => {
  console.log('then', error)  // then error
}).catch( error => {
  console.log('catch', error)  
})

示例中的catch没有执行的原因:

catch的回调只有在上一环的回调抛出错误时才会被调用。如果该回调正常返回,那么catch就会被跳过。例中,第一个then并没有抛出错误,则catch就会被跳过。

3.2 catch()方法

这是一种常用的异常处理做法,因为这样不仅可以处理Promise中的错误,而且还会处理第一个then中成功回调函数的异常。

new Promise((resolve, reject) => {
  reject('error')
}).then(data => {
  console.log(data)
}).catch( error => {
  console.log('catch', error)  // catch error
})

示例中的catch执行的原因:

如果then()中没有失败回调函数,则会执行catch()。没有给then传递处理失败状态的回调函数,那么这个then会以同一个错误对象被拒绝,返回一个失败状态的Promise实例,直到被处理。

4. async…await函数中异常处理

await是一个接收Promise并将其转换为一个返回值,或一个抛出的异常的关键字,配合async使用。

4.1 使用 try...catch异常处理(常用做法)

async function a1() {
  const p1 = new Promise((resolve, reject) => {
    reject('error')
  })
  try {
    await p1
  } catch (err) {
    console.log('err', err) // err error
  }
}
a1()

如上代码,每一次的await语句都要进行一次try...catch的异常捕获,那么可以考虑封装一个方法来处理。

github别人封装好的库:await-to-js(Async await wrapper for easy error handling)

示例代码:

function to(promise) {
  return promise
    .then(data => [null, data])
    .catch(error => [error, null])
}

async function a1() {
  const p1 = new Promise((resolve, reject) => {
    reject('error')
  })
  const [error, data] = await to(p1)
  if (error) {
    console.log('err', error) // err error
  }
}
a1()

4.2 使用Promise构造函数的实例方法catch()异常处理

一般不常用

async function a1() {
  const p1 = new Promise((resolve, reject) => {
    reject('error')
  })
  await p1.catch(e => console.log('error', e)) // error error
}
a1()

版权声明:本文为wwwanglong123原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。