手动实现Promise

// 定义异步调用的主类,名为 MyPromise
class MyPromise {// 执行器接收 resolve 和 reject 方法来改变 promise 的状态constructor(executor) {// 初始化状态为 "pending"this.state = "pending";// 初始化值为 undefinedthis.value = undefined;// 初始化原因为 undefinedthis.reason = undefined;// 完成状态回调函数集this.onResolvedCallbacks = [];// 拒绝状态回调函数集this.onRejectedCallbacks = [];// 在resolve中为value赋值const resolve = (value) => {//当状态为pending时进行状态更改和赋值操作if (this.state === "pending") {this.state = "fulfilled";this.value = value;// 当promise从pending状态转为fulfilled,会执行onResolvedCallbacks中的所有回调函数this.onResolvedCallbacks.forEach((fn) => fn());}};// 在reject中为reason赋值const reject = (reason) => {// 当状态为 pending 时进行状态更改和赋值操作if (this.state === "pending") {this.state = "rejected";this.reason = reason;// 当promise从pending状态转为rejected,会执行onRejectedCallbacks中的所有回调函数this.onRejectedCallbacks.forEach((fn) => fn());}};// 立即执行executor,错误则执行rejecttry {executor(resolve, reject);} catch (err) {reject(err);}}// promise 有一个名为 then 的方法,它接受两个参数:onFulfilled 和 onRejected,然后返回一个新的 promisethen(onFulfilled, onRejected) {// 对处理函数进行判定,如果其为空或者其不是函数,则赋值为默认函数onFulfilled =typeof onFulfilled === "function" ? onFulfilled : (value) => value;onRejected =typeof onRejected === "function"? onRejected: (reason) => {throw reason;};// 返回新的promise对象const promise2 = new MyPromise((resolve, reject) => {if (this.state === "fulfilled") {setTimeout(() => {try {const x = onFulfilled(this.value);this.resolvePromise(promise2, x, resolve, reject);} catch (err) {reject(err);}}, 0);}if (this.state === "rejected") {setTimeout(() => {try {const x = onRejected(this.reason);this.resolvePromise(promise2, x, resolve, reject);} catch (err) {reject(err);}}, 0);}// 当state为pending时,将onFulfilled和onRejected存放起来if (this.state === "pending") {this.onResolvedCallbacks.push(() => {setTimeout(() => {try {const x = onFulfilled(this.value);this.resolvePromise(promise2, x, resolve, reject);} catch (err) {reject(err);}}, 0);});this.onRejectedCallbacks.push(() => {setTimeout(() => {try {const x = onRejected(this.reason);this.resolvePromise(promise2, x, resolve, reject);} catch (err) {reject(err);}}, 0);});}});return promise2;}// 对不同情况的x进行处理resolvePromise(promise2, x, resolve, reject) {// promise 和 x 引用同一对象,错误处理if (promise2 === x) {return reject(new TypeError("Chaining cycle detected for promise"));}let called = false;if (x instanceof MyPromise) {x.then((value) => {if (called) return;called = true;this.resolvePromise(promise2, value, resolve, reject);},(reason) => {if (called) return;called = true;reject(reason);});} else {resolve(x);}}// 返回一个完成状态的promisestatic resolve(value) {return new MyPromise((resolve, reject) => {resolve(value);});}// 返回一个拒绝状态的promisestatic reject(reason) {return new MyPromise((resolve, reject) => {reject(reason);});}// 返回一个 Promise 实例,该实例在 iterable 参数内所有的 promise 都“完成(Fulfilled)”或参数中不包含 promise 时回调完成(resolve)static all(promises) {return new MyPromise((resolve, reject) => {const result = [];let count = 0;const processResult = (index, value) => {result[index] = value;count++;// 所有结果都得到了则更新状态为fulfilledif (count === promises.length) {resolve(result);}};// 使用 forEach,能遍历到不是promise的其他类型promises.forEach((promise, index) => {if (promise instanceof MyPromise) {promise.then((value) => processResult(index, value),(reason) => reject(reason));} else {processResult(index, promise);}});});}// 返回一个 Promise 实例,只有当 iterable 参数内的某个 promise 成功或失败时,返回的 promise 才会异步地 success 或 failurestatic race(promises) {return new MyPromise((resolve, reject) => {promises.forEach((promise) => {if (promise instanceof MyPromise) {promise.then(resolve, reject);} else {resolve(promise);}});});}
}

调用举例

// 创建一个 Promise 对象
const promise = new MyPromise((resolve, reject) => {// 异步操作,比如网络请求或者定时器setTimeout(() => {// 异步操作成功,调用 resolve 并传递结果resolve('成功');// 或者异步操作失败,调用 reject 并传递错误原因// reject('失败');}, 1000);
});// 使用 then 方法添加成功和失败的回调函数
promise.then(value => {console.log('成功的结果:', value);},reason => {console.log('失败的原因:', reason);}
);

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/13075.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

镜像抑制和镜像衰减有什么不同

在很多无线产品接收机手册中,我们会看到两个参数,一个是镜像抑制(Image Rejection),另一个是镜像衰减(Image Attention),但这两者究竟有什么不同,一直比较疑惑&#xff0…

AI学习指南线性代数篇-奇异值分解

AI学习指南线性代数篇-奇异值分解 一、概述 在人工智能领域,线性代数是一项非常重要的基础知识,而奇异值分解(Singular Value Decomposition, SVD)作为线性代数中的一种重要工具,被广泛应用于机器学习、数据科学等领…

理解Spring的IOC核心:为何它成为开发中的关键要素?

Spring框架采用的IOC(依赖注入)技术,是一种创新的设计思路,它授权程序开发人员将组件实例化及生命周期管理的职责转交给框架自身处理。在这一机制下,Spring框架负责协调并装配应用程序中的各个组件,从而实现…

以太坊Layer 2开发商StarkWare

文章目录 以太坊Layer 2开发商StarkWare相关新闻StarkWare是什么团队介绍StarkEx 和 StarkNet参考以太坊Layer 2开发商StarkWare 相关新闻 据The Block 2021年11月16日消息,使用ZK-rollups技术的以太坊第2层开发商StarkWare在C轮融资中筹集了5000万美元,其估值已达20亿美元…

三路输出小功率开关电源【MATLAB/simulink】

拟选用一种DC-DC变换器拓扑使用1700 V SiC MOSFET或IGBT设计三相功率系 统的高频开关直流辅助电源,它可用于太阳能逆变器、工业开关电源、电动汽车充电器、 电机驱动装置等领域。(建议采用单端反激式电路拓扑,开关频率为80kHz) 电路基本参数&…

【Unity学习笔记】第十七 Quaternion 中 LookRotation、Lerp、Slerp、RotateTowards等方法辨析与验证

转载请注明出处: https://blog.csdn.net/weixin_44013533/article/details/138909256 作者:CSDN|Ringleader| 目录 Quaternion API 速览FromToRotation在Transform中的应用LookRotation 中upwards取Vector3.up和 transform.up的区别旋转时如何保持Y轴不变&#xff…

leetcode题目45

跳跃游戏Ⅱ 中等 给定一个长度为 n 的 0 索引整数数组 nums。初始位置为 nums[0]。 每个元素 nums[i] 表示从索引 i 向前跳转的最大长度。换句话说&#xff0c;如果你在 nums[i] 处&#xff0c;你可以跳转到任意 nums[i j] 处: 0 < j < nums[i] i j < n 返回到达 n…

战网国际服怎么下载 暴雪战网一键下载安装图文教程

战网国际版&#xff0c;或称为Battle.net全球版&#xff0c;是暴雪娱乐构建的一项跨越国界的综合游戏交流平台&#xff0c;它无视地理限制&#xff0c;旨在服务全球每一个角落的游戏爱好者。不同于地区专属版本&#xff0c;国际版为玩家开启了一扇无门槛的大门&#xff0c;让每…

org.springframework.jdbc.BadSqlGrammarException

Cause: java.sql.SQLSyntaxErrorException: Table ‘web.emp’ doesn’t exist 产生原因&#xff1a;web表找不到&#xff0c;所以可能数据库配置错误 spring.datasource.urljdbc:mysql://localhost:3306/web02 更改完成后运行成功

音频筑基:100字说清哈曼曲线的Why和What

音频筑基&#xff1a;100字说清哈曼曲线的Why和What 本文为短小精悍的音频小知识总结&#xff0c;希望有用。 Why 音箱等大型外放设备是没有哈曼曲线的哈曼曲线是为了解决近耳设备如耳机/助听器&#xff0c;重放声音时与声源实际发声举例产生的听感做衰减匹配也即没有耳机的重…

免费利器:会议之眼一键生成论文功能火爆上线 助你快速起航

会议之眼 快讯 亲爱的会议之眼粉丝们&#xff0c;你们是否曾经为了写论文而彻夜苦思冥想&#xff1f;是否曾经为了找资料而焦头烂额&#xff1f; 今天小编带来了一个令人兴奋的消息&#xff0c;那就是会议之眼网页端平台的全新功能——“一键生成论文”已经重磅上线啦&#x…

【计算机毕业设计】springboot房地产销售管理系统的设计与实现

相比于以前的传统手工管理方式&#xff0c;智能化的管理方式可以大幅降低房地产公司的运营人员成本&#xff0c;实现了房地产销售的 标准化、制度化、程序化的管理&#xff0c;有效地防止了房地产销售的随意管理&#xff0c;提高了信息的处理速度和精确度&#xff0c;能够及时、…

STM32-09-IWDG

文章目录 STM32 IWDG1. IWDG2. IWDG框图3. IWDG寄存器4. IWDG寄存器操作步骤5. IWDG溢出时间计算6. IWDG配置步骤7. 代码实现 STM32 IWDG 1. IWDG IWDG Independent watchdog&#xff0c;即独立看门狗&#xff0c;本质上是一个定时器&#xff0c;这个定时器有一个输出端&#…

mmdetection训练(1)voc格式的数据集(自制)

mmdetection训练&#xff08;1&#xff09;voc格式的数据集&#xff08;自制&#xff09; 提前准备一、voc数据集二、修改配置代码进行训练&#xff08;敲黑板&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff09;1.数据集相关内容修改2.自定义配置文件构…

云曦实验室期中考核题

Web_SINGIN 解题&#xff1a; 点击打开环境&#xff0c;得 查看源代码&#xff0c;得 点开下面的超链接&#xff0c;得 看到一串base64编码&#xff0c;解码得flag 简简单单的文件上传 解题&#xff1a; 点击打开环境&#xff0c;得 可以看出这是一道文件上传的题目&#x…

【if条件、for循环、数据框连接、表达矩阵画箱线图】

编程能力&#xff0c;就是解决问题的能力&#xff0c;也是变优秀的能力 From 生物技能树 R语言基础第七节 文章目录 1.长脚本管理方式if(F){....}分成多个脚本&#xff0c;每个脚本最后保存Rdata&#xff0c;下一个脚本开头清空再加载 2.实战项目的组织方式方法&#xff08;一&…

圆上点云随机生成(人工制作模拟数据)

1、背景介绍 实际上,很多地物外表形状满足一定的几何形状结构,如圆形是作为常见一类。那么获取该类目标的点云数据便是位于一个圆上的点云数据。如下图所示为两簇典型的点云,其中一种为理想型,点均位于一个圆上,另外一簇则是近似位于一个圆上,这种更加符合真实情况。有时…

好烦啊,我真的不想写增删改查了!

大家好&#xff0c;我是程序员鱼皮。 很想吐槽&#xff1a;我真的不想写增删改查这种重复代码了&#xff01; 大学刚做项目的时候&#xff0c;就在写增删改查&#xff0c;万万没想到 7 年后&#xff0c;还在和增删改查打交道。因为增删改查是任何项目的基础功能&#xff0c;每…

性能测试工具—jmeter的基础使用

1.Jmeter三个重要组件 1.1线程组的介绍&#xff1a; 特点&#xff1a; 模拟用户&#xff0c;支持多用户操作多个线程组可以串行执行&#xff0c;也可以并行执行 线程组的分类&#xff1a; setup线程组&#xff1a;前置处理&#xff0c;初始化普通线程组&#xff1a;编写…

springboot+vue+mybatis物业管理系统+PPT+论文+讲解+售后

快速发展的社会中&#xff0c;人们的生活水平都在提高&#xff0c;生活节奏也在逐渐加快。为了节省时间和提高工作效率&#xff0c;越来越多的人选择利用互联网进行线上打理各种事务&#xff0c;通过线上物业管理系统也就相继涌现。与此同时&#xff0c;人们开始接受方便的生活…