在前端开发中，我们经常会使用异步操作，比如发送 Ajax 请求或获取本地存储的数据。而 Promise 就是解决异步操作的一种重要方式，它可以帮助我们更好地处理异步操作的返回值，从而提高代码可读性和可维护性。但是，在使用 Promise 时，我们经常会遇到错误处理的问题。本文就会介绍 Promise 的错误处理解决方案，并为你提供一些示例代码和最佳实践。
Promise 的错误处理方式
我们知道，Promise 可以通过 then() 方法的两个参数来分别处理成功和失败时的返回值，如下所示：
promise.then(onFulfilled, onRejected);
其中 onFulfilled 是处理成功时的回调函数，onRejected 是处理失败时的回调函数。
然而，在实际开发中，我们经常会遇到处理异步操作失败的情况。比如，当我们发送 Ajax 请求时，可能会因为网络原因或后端出现问题而导致请求失败。这时，我们需要在 onRejected 中处理错误信息，但是有些情况下，Promise 可能不会触发 onRejected 回调函数，从而导致错误信息无法处理。
具体来说，Promise 可能不会触发 onRejected 回调函数的场景有：
- 错误处理函数未被调用。这可能是因为 Promise 内部出现了未捕获的异常，导致 Promise 自身进入了 rejected 状态，但是没有触发 onRejected 回调函数。
- Promise 处于 pending 状态。此时，Promise 尚未决议，无法触发 onFulfilled 或 onRejected 回调函数。
为了解决这些问题，我们需要对 Promise 进行错误处理，从而保证代码的正确性和可靠性。
Promise 错误处理的最佳实践
下面是几个 Promise 错误处理的最佳实践：
使用 catch() 方法处理错误
catch() 方法用于处理 Promise 的异常情况，可以捕获到 Promise 内的错误，并进行处理。通过 catch() 方法，我们可以将错误信息传递给下一个 then() 方法或处理该错误，如下所示：
promise .then(onFulfilled) .catch(onRejected);
需要注意的是，catch() 方法必须放在 Promise 链的末尾，以确保能够捕获到该 Promise 内的所有错误。同时，如果多个 catch() 方法被连续使用，只有第一个 catch() 方法会被调用，而其余的 catch() 方法将被忽略。
使用 Promise.reject() 方法抛出错误
Promise.reject() 方法用于在 Promise 内部抛出一个错误。该方法返回一个 rejected 状态的 Promise 对象，可用于触发 onRejected 回调函数并向外部传递错误信息，如下所示：
Promise.reject(new Error('something went wrong'))
.catch(function (error) {
console.error(error);
});需要注意的是，使用 Promise.reject() 方法时应该避免抛出字符串或数字等基本类型的值，而应该抛出一个 Error 对象或其子类实例。
使用 Promise.finally() 方法进行清理操作
Promise.finally() 方法用于在 finally 代码块中执行一些清理工作，比如关闭数据库连接或释放资源等。该方法的回调函数不接收任何参数，只会在 Promise 决议时或抛出错误时，执行 finally 代码块内的操作。如下所示：
promise
.then(onFulfilled)
.catch(onRejected)
.finally(function () {
console.log('cleanup...');
});需要注意的是，finally() 方法的回调函数不会接收任何参数，因此无法获取成功或失败的结果。
示例代码
下面是一个简单的使用 Promise 处理错误的示例代码：
-- -------------------- ---- -------
-------- ----------- -
------ ---------------------------------------------
--------- -- -
----------- -
----- --- -------------- --------
-
------ -----------
--
---------- -- -
-----------------------
--
------------ -- -
-----------------------------
--
----------- -- -
------------------- -----------
---
-
------------在该示例代码中，我们使用 fetch() 方法请求 GitHub API 接口，并根据响应的状态码决定是否抛出错误。如果请求成功，则解析 JSON 格式的响应数据，并输出用户名。如果请求失败，则捕获错误信息，并输出错误消息。无论请求成功或失败，都会执行 finally() 方法中的清理操作。
结论
本文介绍了 Promise 的错误处理解决方案和最佳实践，包括使用 catch() 方法处理错误、使用 Promise.reject() 方法抛出错误和使用 Promise.finally() 方法进行清理操作。这些方法可以帮助我们更好地处理异步操作的错误信息，提高代码的可读性和可维护性。通过理解这些技术，我们可以更好地应对日常开发中遇到的错误处理问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674ba8ecd657e1f70db85b47