在 JavaScript 编程中，Promise 是一种常用的异步编程技术，它能够非常方便地处理那些需要等待异步操作结果的情况。然而在很多场景下，Promise 可能会出现 Reject 状态，例如网络请求失败或者代码执行时抛出异常等。本文将探讨在 Promise 的 Reject 状态中，如何正确地处理 Promise 对象，以及如何避免在处理过程中出现错误。
Promise 的状态
Promise 对象有三种状态：
- Pending：Promise 对象初始状态，表示异步操作还在进行中。
- Fulfilled：表示异步操作成功地完成了。此时 Promise 对象会传递一个结果，可以通过 then 函数获取该结果。
- Rejected：表示异步操作未成功完成，此时 Promise 对象捕捉到了一个错误，可以通过 catch 函数获取该错误。
对于 Promise 对象而言，已经无法修改其状态。一旦 Promise 对象确定了其状态，就会保持该状态，不会再进行修改。因此，我们需要正确地处理 Promise 对象的状态，以避免出现意外错误。
处理 Rejected 状态
当 Promise 对象处于 Rejected 状态时，我们需要避免出现未处理的错误。一般来说，我们需要在 Promise 对象后紧跟着一个 catch 函数，以捕捉及处理 Promise 对象中的错误。
promiseFunction()
.then(result => {
// 处理成功状态
})
.catch(error => {
// 处理失败状态
});在上述代码中，Promise 对象首先尝试执行 promiseFunction，如果成功完成了该函数，就会进入到 then 函数中，通过 result 形参获取到结果，我们可以在函数中对结果进行处理。如果 promiseFunction 函数抛出了一个异常或者返回了一个 Rejected 状态，就会跳过 then 函数，而是直接进入到 catch 函数的代码块中，从而处理 Rejected 状态的情况。
需要注意的是，在 catch 函数的代码中应该抛出一个新的错误，并在控制台中打印错误信息，从而帮助开发人员快速定位和修复问题。
下面以一个实际的例子来进一步了解如何捕捉 Rejected 状态。
// javascriptcn.com 代码示例
fetch("https://api.example.com/data.json")
.then(response => {
if (!response.ok) {
throw new Error("网络请求失败");
}
return response.json();
})
.then(data => {
// 处理获取到的数据
})
.catch(error => {
console.error(error);
// 显示网络请求失败的提示信息
});在上述代码中，fetch 函数尝试请求一个 JSON 数据文件，如果网络请求失败，则会进入到 catch 函数中并抛出一个错误。在 catch 函数中，我们打印了错误信息，并显示了一个提示框，向用户展示了网络请求失败的信息。
避免出现错误
为了避免在处理 Rejected 状态时出现错误，我们应该在代码中做好错误处理和异常捕获。
在 JavaScript 中，我们可以使用 try-catch 语句来捕获代码执行过程中抛出的异常。一旦 try 语句块中的代码抛出了一个异常，就会跳转到 catch 语句块中，从而处理该异常。
try {
// 可能抛出异常的代码
} catch (error) {
// 处理异常的代码
}同时我们可以使用 finally 语句来确保在执行 try 语句块中代码之后，始终执行某些代码。例如，在使用 Promise 对象发送网络请求时，我们可以在 finally 语句块中禁用一些 UI 元素，从而防止用户重复提交。
// javascriptcn.com 代码示例
fetch(url)
.then(response => {
// 处理成功状态
})
.catch(error => {
// 处理失败状态
})
.finally(() => {
// 禁用提交按钮
button.disabled = true;
});总结
在 JavaScript 编程中，Promise 是一种常用的异步编程技术。如果 Promise 对象处于 Rejected 状态，我们需要正确地捕捉和处理异常，并避免出现未处理的错误。为了确保代码能够正常执行，我们应该在代码中做好错误处理和异常捕获的工作，以便更好地提高代码的可靠性。
本文介绍了如何正确地处理 Promise 对象中的 Rejected 状态，并举了实际代码中的例子，帮助读者更好地理解 Promise 的异常处理。希望本文能够对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6549cba17d4982a6eb4055bd