Promise 中的 pending 状态详解

Promise 是 JavaScript 中处理异步操作的一种方式，它可以让我们更加优雅地处理异步操作。在 Promise 中，有三种状态：pending、fulfilled 和 rejected。本文将着重讨论 Promise 中的 pending 状态。

什么是 pending 状态？

在 Promise 中，pending 状态表示 Promise 对象正在等待被 resolve 或 reject。当一个 Promise 对象被创建时，它的状态就是 pending。在这个状态下，Promise 对象可以被 resolve 或 reject。

如何将 Promise 对象从 pending 状态转换为 fulfilled 或 rejected？

我们可以通过调用 Promise 对象的 resolve 或 reject 方法来将 Promise 对象从 pending 状态转换为 fulfilled 或 rejected 状态。

// javascriptcn.com 代码示例
const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    resolve('success');
  }, 1000);
});

promise.then((result) => {
  console.log(result); // 'success'
}).catch((error) => {
  console.error(error);
});

在上面的例子中，我们创建了一个 Promise 对象，并在其中执行了一个异步操作。在异步操作完成后，我们调用了 resolve 方法将 Promise 对象从 pending 状态转换为 fulfilled 状态。

如何处理 Promise 中的 pending 状态？

通常情况下，我们会使用 then 和 catch 方法来处理 Promise 对象中的 fulfilled 和 rejected 状态。但是，在处理 Promise 对象时，我们也需要考虑到 pending 状态的情况。

当一个 Promise 对象处于 pending 状态时，我们可以继续进行一些其他的操作，例如：取消 Promise 对象、设置超时时间等。下面是一个示例代码：

// javascriptcn.com 代码示例
const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    resolve('success');
  }, 1000);
});

// 取消 Promise 对象
const cancelPromise = () => {
  promise.cancelled = true;
};

// 设置超时时间
const timeout = setTimeout(() => {
  if (!promise.cancelled) {
    reject(new Error('timeout'));
  }
}, 500);

promise.then((result) => {
  console.log(result); // 'success'
}).catch((error) => {
  console.error(error);
}).finally(() => {
  clearTimeout(timeout);
});

在上面的例子中，我们定义了一个 cancelPromise 方法，该方法可以用来取消 Promise 对象。我们还使用了 setTimeout 方法来设置了一个超时时间，如果在超时时间内 Promise 对象仍处于 pending 状态，则会将 Promise 对象转换为 rejected 状态。

总结

在 Promise 中，pending 状态表示 Promise 对象正在等待被 resolve 或 reject。我们可以通过调用 Promise 对象的 resolve 或 reject 方法来将 Promise 对象从 pending 状态转换为 fulfilled 或 rejected 状态。在处理 Promise 对象时，我们也需要考虑到 pending 状态的情况，例如：取消 Promise 对象、设置超时时间等。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6583f39ed2f5e1655debe8a5