掌握Promise与手写Promise，提升异步编程能力

2023-11-20 11:12:57

引言

在 JavaScript 领域，处理异步操作是开发人员面临的常见挑战。早期，我们通常使用回调函数来获取异步结果，但这种方法存在嵌套、代码混乱等问题。为了解决这些痛点，Promise 应运而生。本篇文章将深入探究 Promise 的概念、使用场景以及如何手写 Promise。

认识 Promise

Promise 是 JavaScript 中的一种对象，用于表示一个异步操作的最终完成或失败的结果。它提供了一种更优雅、更简洁的方式来处理异步操作，避免了回调函数的嵌套和混乱。

Promise 的状态

每个 Promise 对象都有一个状态，可以是以下三种之一：

Pending（未完成）： Promise 刚创建时处于此状态，表示异步操作尚未完成。
Fulfilled（已完成）： 异步操作成功完成后，Promise 进入此状态，且带有成功结果。
Rejected（已拒绝）： 异步操作失败时，Promise 进入此状态，且带有失败原因。

Promise 的使用

使用 Promise 涉及两个主要步骤：

创建 Promise 对象： 使用 new Promise 创建一个 Promise 对象，其中包含一个执行器函数，该函数接收两个回调函数参数 resolve 和 reject。
处理 Promise 结果： 使用 .then() 和 .catch() 方法分别处理 Promise 的完成和拒绝状态。

const promise = new Promise((resolve, reject) => {
  // 异步操作代码
  if (成功) {
    resolve(结果);
  } else {
    reject(原因);
  }
});

promise.then(结果 => {
  // 处理成功的结果
}).catch(原因 => {
  // 处理失败的原因
});

手写 Promise

除了使用内置的 Promise 对象，我们还可以手写 Promise 来更好地理解其内部原理。手写 Promise 的基本步骤如下：