Promise 是 JavaScript 中一种处理异步操作的技术，它可以更好地处理回调地狱（callback hell）的问题，使得代码更加清晰简洁。在使用 Promise 的过程中，我们需要理解 Promise 的状态变化，本文将详细介绍 Promise 的状态变化和相关的知识点。
什么是 Promise？
Promise 是一个对象，它代表了一个异步操作的最终完成或失败。Promise 有三种状态：pending（进行中）、fulfilled（已完成）和rejected（已失败）。当 Promise 处于 pending 状态时，它既不是已完成也不是已失败，而是处于等待状态。当异步操作完成时，Promise 会从 pending 状态转变为 fulfilled 状态，表示异步操作已经成功完成。如果异步操作失败，Promise 会从 pending 状态转变为 rejected 状态，表示异步操作已经失败。
Promise 的状态变化
Promise 的状态变化只能从 pending 状态开始，一旦状态变化为 fulfilled 或 rejected，就不能再改变。下面是一个简单的示例代码：
-- -------------------- ---- -------
--- ------- - --- ----------------- ------- -- -
------------- -- -
---------------- -----------
-- ------
---
-------------------- -- -
-------------------
---在这个示例代码中，我们创建了一个 Promise 对象，并在 1 秒后将其状态从 pending 变为 fulfilled，然后在 then 方法中输出了 Promise 的值。
1. pending 状态
Promise 的初始状态是 pending，表示异步操作正在进行中。在 pending 状态下，Promise 可以转变为 fulfilled 状态或 rejected 状态，具体取决于异步操作的结果。
2. fulfilled 状态
当异步操作成功完成时，Promise 的状态会从 pending 变为 fulfilled。在 fulfilled 状态下，Promise 的值是不可变的，表示异步操作已经成功完成。在 fulfilled 状态下，我们可以通过 then 方法获取 Promise 的值。
let promise = new Promise((resolve, reject) => {
resolve('Promise resolved');
});
promise.then((value) => {
console.log(value); // Promise resolved
});3. rejected 状态
当异步操作失败时，Promise 的状态会从 pending 变为 rejected。在 rejected 状态下，Promise 的值也是不可变的，表示异步操作已经失败。在 rejected 状态下，我们可以通过 catch 方法获取 Promise 的值。
let promise = new Promise((resolve, reject) => {
reject('Promise rejected');
});
promise.catch((value) => {
console.log(value); // Promise rejected
});Promise 的链式调用
Promise 的链式调用可以让我们更好地处理异步操作的结果，使得代码更加清晰简洁。在 Promise 的链式调用中，每个 then 方法都会返回一个新的 Promise 对象，这个新的 Promise 对象的状态和值取决于上一个 Promise 对象的状态和值。
-- -------------------- ---- -------
--- ------- - --- ----------------- ------- -- -
---------------- -----------
---
-------
------------- -- -
------------------- -- ------- --------
------ -------- -------- -------
--
------------- -- -
------------------- -- ------- -------- -----
---在这个示例代码中，我们创建了一个 Promise 对象，并在第一个 then 方法中返回了一个新的值，这个新的值会成为下一个 Promise 对象的值。
Promise 的错误处理
在使用 Promise 的过程中，我们需要注意错误处理。如果 Promise 的状态变为 rejected，我们需要使用 catch 方法来捕获错误并进行处理。
-- -------------------- ---- -------
--- ------- - --- ----------------- ------- -- -
--------------- -----------
---
-------
------------- -- -
-------------------
--
-------------- -- -
------------------- -- ------- --------
---在这个示例代码中，我们创建了一个 Promise 对象，并在 reject 方法中返回了一个错误信息，然后使用 catch 方法捕获了这个错误并进行了处理。
结论
本文介绍了 Promise 的状态变化和相关的知识点，希望能够帮助大家更好地理解 Promise。在使用 Promise 的过程中，我们需要注意错误处理和链式调用的使用，使得代码更加清晰简洁。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6741c582ed0ec550d723c14e