手写Promise——深入浅出，成就你我！

2024-02-21 07:46:49

前言
在前端开发中，Promise是一个非常重要的工具，它可以帮助我们轻松处理异步操作，让代码更加简洁和易于理解。但你知道Promise是如何实现的吗？本文将采用Promises/A+规范来实现一个Promise类，并探讨all、race、finally、allSettlte、any等方法的实现细节。

认识Promise

Promise是一个表示异步操作的最终结果（完成、失败）的JavaScript对象。它提供了统一的接口来处理异步操作，简化了代码，提高了可读性。

Promise有三个状态：Pending（等待）、Fulfilled（完成）和Rejected（失败）。一个Promise只能从Pending状态转换到Fulfilled或Rejected状态，并且一旦转换就不能再改变。

当一个Promise被创建时，它会立即进入Pending状态。当异步操作完成后，Promise会根据操作的结果转换成Fulfilled或Rejected状态。

我们可以使用then方法来注册回调函数，当Promise状态改变时，会调用相应的回调函数。then方法有两种形式：

then(onFulfilled, onRejected)：当Promise状态变为Fulfilled时，调用onFulfilled回调函数；当Promise状态变为Rejected时，调用onRejected回调函数。
then(onFulfilled)：只注册onFulfilled回调函数，当Promise状态变为Fulfilled时，调用onFulfilled回调函数；当Promise状态变为Rejected时，抛出错误。

实现Promise

根据Promises/A+规范，我们需要实现以下方法：

then：注册回调函数，当Promise状态改变时，调用相应的回调函数。
catch：注册错误处理函数，当Promise状态变为Rejected时，调用错误处理函数。
finally：无论Promise状态是Fulfilled还是Rejected，都会执行的回调函数。
all：等待所有给定的Promise完成，并返回一个新的Promise，其中包含所有Promise的结果。
race：等待第一个给定的Promise完成，并返回一个新的Promise，其中包含第一个完成的Promise的结果。
allSettled：等待所有给定的Promise完成，并返回一个新的Promise，其中包含所有Promise的状态（Fulfilled或Rejected）。
any：等待第一个给定的Promise完成，并返回一个新的Promise，其中包含第一个完成的Promise的结果，无论其状态是Fulfilled还是Rejected。