深入解析Promise，从0到1构建属于自己的A+规范Promise

2023-10-03 00:33:03

前言

Promise在日常开发中使用非常广泛，得益于其灵活的异步操作处理机制，我们对异步操作(尤其是具有依赖关系的异步操作)的处理大为简化。而了解其底层运行机制将有助于我们更灵活的使用Promise。本文旨在记录/总结我实现Promise的过程并分享思路。其中上篇介绍Promise基本概念和状态转换，下篇介绍如何实现Promise和一些注意点。

Promise基本概念

Promise是一个JavaScript对象，用于表示一个异步操作的最终完成或失败及其结果值。Promise有三种状态：pending(等待)、fulfilled(已完成)和rejected(已拒绝)。

pending：初始状态，表示异步操作尚未完成。
fulfilled：表示异步操作已成功完成，并带有结果值。
rejected：表示异步操作已失败，并带有错误信息。

Promise对象有两个主要方法：

then()：用于注册回调函数，当Promise状态改变时调用。
catch()：用于注册错误处理函数，当Promise状态变为rejected时调用。

Promise状态转换

Promise的状态只能从pending转换为fulfilled或rejected，且只能转换一次。状态转换的时机由异步操作的完成或失败决定。

从pending到fulfilled

当异步操作成功完成时，Promise的状态从pending转换为fulfilled，并带有结果值。此时，注册的then()回调函数会被调用，并传入结果值作为参数。

从pending到rejected

当异步操作失败时，Promise的状态从pending转换为rejected，并带有错误信息。此时，注册的catch()错误处理函数会被调用，并传入错误信息作为参数。

理解Promise状态转换

为了更好地理解Promise状态转换，我们来看一个简单的例子：

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

promise.then(result => {
  console.log(result); // 输出：成功！
});