在前端开发中，异步操作是非常常见的，例如发送请求、读取数据等等。在 JavaScript 中，我们通常使用回调函数来处理异步操作，但是这种方式会导致回调地狱，代码难以维护。为了解决这个问题，ES6 引入了 Promise 对象。
Promise 是一种异步编程的解决方案，它可以更优雅地处理异步操作，避免回调地狱。Promise 对象有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。当异步操作成功时，Promise 对象会进入 fulfilled 状态并返回结果；当异步操作失败时，Promise 对象会进入 rejected 状态并返回错误信息。
在使用 Promise 时，我们通常会使用 then() 方法来处理成功状态和 catch() 方法来处理失败状态。
// javascriptcn.com 代码示例
const promise = new Promise((resolve, reject) => {
// 异步操作
setTimeout(() => {
const randomNum = Math.random();
if (randomNum > 0.5) {
resolve('成功');
} else {
reject('失败');
}
}, 1000);
});
promise
.then((res) => {
console.log(res);
})
.catch((err) => {
console.log(err);
});在上面的例子中，Promise 对象会在 1 秒后返回一个随机数。如果随机数大于 0.5，则进入 fulfilled 状态并返回成功信息，否则进入 rejected 状态并返回失败信息。我们使用 then() 方法来处理成功状态并打印结果，使用 catch() 方法来处理失败状态并打印错误信息。
但是，在某些情况下，Promise 对象可能会无法进入 rejected 状态。下面我们来看一下这种情况。
Promise 对象何时无法进入 rejected 状态？
在 Promise 对象中，如果在异步操作中出现了错误，我们通常会使用 reject() 方法将 Promise 对象进入 rejected 状态。但是，在某些情况下，Promise 对象可能会无法进入 rejected 状态，例如以下情况：
1. Promise 对象已经进入 fulfilled 状态
当 Promise 对象已经进入 fulfilled 状态时，再调用 reject() 方法将不会有任何效果。因为 Promise 对象只能从 pending 状态进入 fulfilled 状态或 rejected 状态，一旦进入了 fulfilled 状态，就不会再改变状态。
const promise = new Promise((resolve, reject) => {
resolve('成功');
});
promise.catch((err) => {
console.log(err);
});在上面的例子中，Promise 对象已经进入 fulfilled 状态并返回成功信息，如果我们再调用 catch() 方法来处理失败状态，则会无效。
2. 异步操作中出现了未捕获的错误
在异步操作中，如果出现了未捕获的错误，则 Promise 对象会进入 rejected 状态并返回错误信息。但是，如果这个错误被 try...catch 捕获了，则 Promise 对象不会进入 rejected 状态。
// javascriptcn.com 代码示例
const promise = new Promise((resolve, reject) => {
try {
// 异步操作
throw new Error('出错了');
resolve('成功');
} catch (e) {
reject(e.message);
}
});
promise.catch((err) => {
console.log(err);
});在上面的例子中，我们在异步操作中手动抛出了一个错误，并使用 try...catch 捕获了这个错误。虽然 Promise 对象应该进入 rejected 状态并返回错误信息，但是由于错误被捕获了，Promise 对象不会进入 rejected 状态。
3. Promise 对象已经进入 settled 状态
Promise 对象进入 settled 状态是指 Promise 对象已经进入 fulfilled 状态或 rejected 状态。一旦进入 settled 状态，Promise 对象就无法再次改变状态。
// javascriptcn.com 代码示例
const promise = new Promise((resolve, reject) => {
resolve('成功');
});
promise.then((res) => {
console.log(res);
});
promise.catch((err) => {
console.log(err);
});在上面的例子中，我们先使用 then() 方法处理成功状态并打印结果，再使用 catch() 方法处理失败状态并打印错误信息。虽然 catch() 方法在 then() 方法之后调用，但是由于 Promise 对象已经进入 settled 状态，catch() 方法就无法捕获到错误信息了。
如何避免 Promise 对象无法进入 rejected 状态？
为了避免 Promise 对象无法进入 rejected 状态，我们可以遵循以下几点：
1. 在异步操作中使用 try...catch 捕获错误
在异步操作中，我们应该使用 try...catch 捕获错误，并在 catch 语句中使用 reject() 方法将 Promise 对象进入 rejected 状态。
// javascriptcn.com 代码示例
const promise = new Promise((resolve, reject) => {
try {
// 异步操作
throw new Error('出错了');
resolve('成功');
} catch (e) {
reject(e.message);
}
});
promise.catch((err) => {
console.log(err);
});2. 不要在 Promise 对象进入 settled 状态后再调用 catch() 方法
在 Promise 对象进入 settled 状态后，就无法再次改变状态了。因此，我们应该在 then() 方法中处理成功状态，在 catch() 方法中处理失败状态，而不是在 settled 状态后再调用 catch() 方法。
// javascriptcn.com 代码示例
const promise = new Promise((resolve, reject) => {
// 异步操作
setTimeout(() => {
const randomNum = Math.random();
if (randomNum > 0.5) {
resolve('成功');
} else {
reject('失败');
}
}, 1000);
});
promise
.then((res) => {
console.log(res);
})
.catch((err) => {
console.log(err);
});3. 不要在 Promise 对象进入 fulfilled 状态后再调用 reject() 方法
在 Promise 对象进入 fulfilled 状态后，再调用 reject() 方法将不会有任何效果。因此，我们应该在异步操作成功后使用 resolve() 方法将 Promise 对象进入 fulfilled 状态，在异步操作失败后使用 reject() 方法将 Promise 对象进入 rejected 状态。
// javascriptcn.com 代码示例
const promise = new Promise((resolve, reject) => {
// 异步操作
setTimeout(() => {
const randomNum = Math.random();
if (randomNum > 0.5) {
resolve('成功');
} else {
reject('失败');
}
}, 1000);
});
promise.catch((err) => {
console.log(err);
});总结
Promise 是一种优雅处理异步操作的解决方案。在使用 Promise 时，我们应该注意避免 Promise 对象无法进入 rejected 状态的情况，以便更好地处理异步操作。我们可以在异步操作中使用 try...catch 捕获错误并使用 reject() 方法将 Promise 对象进入 rejected 状态，在 Promise 对象进入 settled 状态前使用 then() 方法处理成功状态和 catch() 方法处理失败状态，不要在 Promise 对象进入 fulfilled 状态后再调用 reject() 方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656ebff1d2f5e1655d6ff1d6