彻底攻克 JavaScript Promise 难题：一分钟搞定核心概念

2024-02-12 14:04:26

关键词：

Promise 是 JavaScript ES6 中引入的一种对象，用于处理异步操作。顾名思义，它代表了一个尚未完成但预期将来会完成的操作的结果。Promise 的核心思想是提供一种更加优雅的方式来处理异步操作，从而避免传统的回调地狱和金字塔结构。

Promise 的状态：

Promise 有三种状态：

待定 (pending)： 初始状态，表示操作尚未完成。
已完成 (fulfilled)： 操作已成功完成，并提供了一个结果值。
已拒绝 (rejected)： 操作已失败，并提供了一个错误对象。

Promise 的方法：

Promise 提供了三个主要方法：

then()： 在 Promise 完成后执行一个回调函数。
resolve()： 将 Promise 标记为已完成，并提供一个结果值。
reject()： 将 Promise 标记为已拒绝，并提供一个错误对象。

使用 Promise 处理异步操作：

使用 Promise 处理异步操作的典型流程如下：

创建一个 Promise 对象。
异步操作完成后，调用 resolve() 或 reject() 将 Promise 标记为已完成或已拒绝。
使用 then() 为 Promise 添加回调函数，在 Promise 完成后执行。

示例代码：

以下是一个使用 Promise 处理异步操作的示例：

const myPromise = new Promise((resolve, reject) => {
  // 异步操作代码
  if (operationSuccessful) {
    resolve("操作成功");
  } else {
    reject(new Error("操作失败"));
  }
});

myPromise.then(
  (result) => {
    // Promise 已完成，并提供了一个结果值
  },
  (error) => {
    // Promise 已拒绝，并提供了一个错误对象
  }
);