ES6 Promise有哪些状态

在JavaScript中，Promise是用于处理异步操作的对象。它代表了一个异步操作的最终完成（或失败）及其结果值。Promise对象有三种状态，分别是pending（进行中）、fulfilled（已成功）和rejected（已失败）。理解这些状态对于正确使用Promise至关重要。

1. Pending（进行中）

Pending是Promise的初始状态。当一个Promise被创建时，它处于pending状态。这意味着异步操作尚未完成，Promise既没有被fulfilled，也没有被rejected。

const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    resolve('操作成功');
  }, 1000);
});

console.log(promise); // Promise { <pending> }

在上面的例子中，promise在创建后立即处于pending状态，直到setTimeout回调函数执行并调用resolve。

2. Fulfilled（已成功）

当Promise中的异步操作成功完成时，Promise会从pending状态转变为fulfilled状态。此时，Promise的结果值会被传递给then方法的回调函数。

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('操作成功');
  }, 1000);
});

promise.then((result) => {
  console.log(result); // 操作成功
});

在这个例子中，promise在1秒后变为fulfilled状态，并且then方法的回调函数被调用，输出操作成功。

3. Rejected（已失败）

如果Promise中的异步操作失败或出现错误，Promise会从pending状态转变为rejected状态。此时，错误信息会被传递给catch方法的回调函数。

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject(new Error('操作失败'));
  }, 1000);
});

promise.catch((error) => {
  console.log(error.message); // 操作失败
});

在这个例子中，promise在1秒后变为rejected状态，并且catch方法的回调函数被调用，输出操作失败。

4. 状态不可逆

Promise的状态一旦从pending转变为fulfilled或rejected，就不可再改变。这意味着一个Promise只能被resolve或reject一次，后续的resolve或reject调用将被忽略。

const promise = new Promise((resolve, reject) => {
  resolve('第一次resolve');
  reject(new Error('第一次reject')); // 被忽略
  resolve('第二次resolve'); // 被忽略
});

promise.then((result) => {
  console.log(result); // 第一次resolve
}).catch((error) => {
  console.log(error.message); // 不会执行
});

在这个例子中，尽管reject和第二次resolve被调用，但它们都被忽略，只有第一次resolve生效。

5. 总结

Promise的三种状态pending、fulfilled和rejected是理解和使用Promise的基础。pending表示异步操作尚未完成，fulfilled表示操作成功完成，rejected表示操作失败。Promise的状态一旦改变，就不可逆转。掌握这些状态及其转换规则，有助于更好地处理异步操作和错误处理。

通过合理使用Promise，可以有效地管理复杂的异步代码，避免回调地狱（Callback Hell），并提高代码的可读性和可维护性。