Promise 知识点总结：打造更优美的异步代码

Promise 是现代 JavaScript 中处理异步任务和回调函数的利器。它解决了传统的回调地狱问题，增强了代码的可读性和可维护性。通过本文，我们将深入剖析 Promise 的本质，探寻其如何运作，并通过一系列生动实用的例子，让你掌握 Promise 的用法，提升异步编程技巧。

理解 Promise 的本质

Promise 是一个对象，它表示一个异步操作的最终完成或失败的结果。Promise 可以处于三种状态：

• pending ：表示操作正在进行中，尚未完成。
• fulfilled ：表示操作已成功完成。
• rejected ：表示操作已失败。

Promise 的使用

创建一个 Promise 对象非常简单，只需要使用 new Promise() 构造函数即可。构造函数中传入一个函数，称为 executor。executor 函数有两个参数：resolve 和 reject。resolve 函数用于将 Promise 的状态从 pending 变为 fulfilled，reject 函数用于将 Promise 的状态从 pending 变为 rejected。

const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    resolve('操作成功'); // 将 Promise 的状态变为 fulfilled
  }, 2000);
});

Promise 的 then 方法

Promise 对象提供了 then 方法，用于处理 Promise 的最终状态。then 方法接受两个参数：onFulfilled 和 onRejected。onFulfilled 函数用于处理 Promise 的 fulfilled 状态，onRejected 函数用于处理 Promise 的 rejected 状态。

promise.then(
  (result) => {
    // 处理 Promise 的 fulfilled 状态
    console.log(result); // "操作成功"
  },
  (error) => {
    // 处理 Promise 的 rejected 状态
    console.error(error);
  }
);

Promise 的 catch 方法

Promise 对象还提供了 catch 方法，用于处理 Promise 的 rejected 状态。catch 方法只接受一个参数：onRejected。onRejected 函数用于处理 Promise 的 rejected 状态。

promise.catch((error) => {
  // 处理 Promise 的 rejected 状态
  console.error(error);
});

Promise 的 finally 方法

Promise 对象还提供了 finally 方法，用于在 Promise 完成或失败后始终执行的代码。finally 方法不接受任何参数。

promise.finally(() => {
  // 不管 Promise 是成功还是失败，都会执行的代码
});

Promise 的常见用法

Promise 在异步编程中有着广泛的应用，以下是一些常见的用法：

• 处理 AJAX 请求
• 处理用户输入
• 处理定时器
• 处理文件读取
• 处理数据库操作

结论

Promise 是现代 JavaScript 中处理异步任务和回调函数的利器。它解决了传统的回调地狱问题，增强了代码的可读性和可维护性。通过本文，你已经掌握了 Promise 的基本用法，可以开始在你的项目中使用 Promise 来编写更优雅的异步代码了。