手写promise 面试

在前端面试中，手写Promise是一个常见的考点。Promise是一种用于处理异步操作的技术，可以简化异步代码的编写和管理。以下是手写Promise的基本步骤：

1. 创建Promise构造函数：首先，你需要声明一个Promise构造函数，用于接收一个执行器函数作为参数。执行器函数中包含了异步操作的逻辑。

2. 实现Promise内部的状态管理：Promise有三种状态，分别是pending（进行中）、fulfilled（已成功）和rejected（已失败）。在构造函数中，你可以使用一个内部变量来管理Promise的状态。初始状态为pending。

3. 实现resolve和reject方法：在构造函数中，你需要定义resolve和reject方法，用于改变Promise的状态。resolve方法用于将Promise从pending状态改变为fulfilled状态，reject方法用于将Promise从pending状态改变为rejected状态。这两个方法通常会在异步操作成功或失败时被调用。

4. 添加then方法：在Promise的原型对象上添加then方法，用于处理Promise状态改变后的回调函数。then方法接收两个参数，分别是onResolved和onRejected，它们分别代表异步操作成功和失败时的回调函数。

5. 执行器函数中调用resolve和reject方法：在构造函数中的执行器函数中，你需要调用resolve方法将Promise的状态改变为fulfilled，并传递异步操作的结果；或者调用reject方法将Promise的状态改变为rejected，并传递失败的原因。

6. 执行then方法中的回调函数：当Promise的状态被改变后，then方法中的回调函数将会被执行。如果Promise的状态是fulfilled，则执行onResolved回调函数；如果Promise的状态是rejected，则执行onRejected回调函数。

通过上述步骤，你可以手写一个基本的Promise实现。这样在面试中，当你被要求手写Promise的时候，你就可以按照这个步骤来进行代码的编写。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [前端面试大厂手写源码系列（上）](https://download.csdn.net/download/weixin_38739950/14045217)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [面试准备之手写Promise](https://blog.csdn.net/weixin_49172439/article/details/124514197)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [经典Promise面试题----手写Promise详细步骤（一）](https://blog.csdn.net/czj1049561601/article/details/113829149)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]