尽量不要使用 Promise.reject-JavaScript中文网-JavaScript教程资源分享门户

前言

在我们编写 JavaScript 代码时，Promise 成为了非常有用的工具之一。它可以帮助我们更好地处理异步编程执行流程。然而，在使用 Promise 时，还有一些需要注意的地方。特别是在使用 Promise.reject 时，需要慎重对待。

Promise.reject 简介

Promise.reject() 是 Promise 实例对象的静态方法之一。它会返回一个已被拒绝（rejected）的 Promise 对象，也就是说直接返回一个 Promise 状态为 rejected 的对象。一般情况下，我们将它用在捕获错误或拒绝条件的情况下。下面是一个使用示例：

Promise.reject(new Error('something bad happened'))
  .then((result) => {
    console.log('result:', result)
  })
  .catch((err) => {
    console.error('error:', err)
  })

在上面的示例中，我们使用 Promise.reject 返回了一个已被拒绝状态的 Promise，然后在 catch 方法里面捕获错误。

为什么要避免使用 Promise.reject

能够使用 Promise.reject 处理拒绝状态，那么我们为什么需要避免使用呢？以下是使用 Promise.reject 的三个主要问题：

1. 异常抛出问题

Promise.reject 不是一个正常的 JavaScript 异常，这意味着在处理拒绝状态时，不会像其他异常一样被 catch 所捕获，而需要通过另外的方式去处理。

try {
  Promise.reject(new Error('something bad happened'))
} catch(err) {
  console.error('error', err)
}

上面的代码并不能正确捕获到 reject 方法中的错误。因为 reject 返回的是一个 Promise 对象，而产生了未捕获异常，导致该异常冒泡到全局，最终导致程序崩溃。

2. 错误处理问题

因为 Promise.reject 返回的是一个 Promise 对象，这就意味着，即使是在 catch 中使用 return Promise.reject()，按照惯例，如果返回 rejected 的 Promise，那么 catch 中的下一个 then 方法也将接收到一个已被拒绝的 Promise 对象。

// javascriptcn.com 代码示例
doSomething().then(() => {
   // do something else
}).catch((err) => {
   console.error('error', err)
   return Promise.reject(err)
}).then(() => {
   console.log('will run')
}).catch(() => {
   console.log('unreachable!')
})

上面的代码中包含了两个 catch 方法，而第二个 catch 方法中的 return Promise.reject(err)，导致在第二个 then 方法中也会被当做拒绝状态处理。

3. 代码难以阅读问题

使用 Promise.reject 可能会造成代码的可读性差，很难阅读和理解。下面是一个使用 Promise.reject 的示例：

// javascriptcn.com 代码示例
doSomethingAsync()
  .then(result => {
    if (result === 'something bad') {
      return Promise.reject(new Error('something bad happened'))
    } else {
      return result
    }
  })
  .then(result2 => {
    console.log('result2', result2)
  })
  .catch(err => {
    console.error('error', err)
  })

这个示例主要目的是在 Promise 中检查结果，并在出现问题时使用 Promise.reject 来处理拒绝状态。但是这种使用方式，可能会让人很难理解代码执行流程。

替代方案

为了避免使用 Promise.reject 带来的问题，建议我们使用 Promise.resolve 返回成功状态的 Promise，然后在后面使用 Promise.reject 来处理拒绝状态。

// javascriptcn.com 代码示例
doSomethingAsync()
  .then(result => {
    if (result === 'something bad') {
      return Promise.reject(new Error('something bad happened'))
    } else {
      return Promise.resolve(result)
    }
  })
  .then(result2 => {
    console.log('result2', result2)
  })
  .catch(err => {
    console.error('error', err)
  })

这样做有利于代码的可读性和可维护性。同时，可以避免使用 Promise.reject 带来的上述问题。

总结

Promise.reject 是 Promise 实例对象的静态方法之一，可以用来处理拒绝状态的情况。然而，要注意使用该方法的问题可能会对代码的阅读性和维护性带来困难。因此，建议使用 Promise.resolve 代替 Promise.reject 来处理拒绝状态的情况。这样能够更好地处理异步编程执行流程，提高代码的可读性和可维护性。

参考资料

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/653096287d4982a6eb2209b1