请使用javascript实现一个Promise的polyfill

news/2025/1/11 14:34:07/文章来源:https://www.cnblogs.com/ai888/p/18665629

在JavaScript中,Promise 是一个代表异步操作可能完成或失败的对象。在较老的浏览器或环境中,可能不支持 Promise。为了在这些环境中使用 Promise,我们可以实现一个简单的 Promise polyfill。

以下是一个基本的 Promise polyfill 的实现:

(function() {// 检查是否已存在 Promiseif (typeof window.Promise !== "undefined") {return;}// Promise 状态const PENDING = "pending";const RESOLVED = "resolved";const REJECTED = "rejected";// Promise 构造函数function Promise(executor) {let self = this;self.status = PENDING;self.value = undefined;self.reason = undefined;self.onResolvedCallbacks = [];self.onRejectedCallbacks = [];function resolve(value) {if (self.status === PENDING) {self.status = RESOLVED;self.value = value;self.onResolvedCallbacks.forEach(fn => fn());}}function reject(reason) {if (self.status === PENDING) {self.status = REJECTED;self.reason = reason;self.onRejectedCallbacks.forEach(fn => fn());}}try {executor(resolve, reject);} catch (err) {reject(err);}}// then 方法Promise.prototype.then = function(onResolved, onRejected) {let self = this;return new Promise((resolve, reject) => {function handledResolve(value) {try {let result = onResolved(value);resolve(result);} catch (err) {reject(err);}}function handledReject(reason) {try {let result = onRejected(reason);resolve(result);} catch (err) {reject(err);}}switch (self.status) {case RESOLVED:handledResolve(self.value);break;case REJECTED:handledReject(self.reason);break;default:self.onResolvedCallbacks.push(() => {handledResolve(self.value);});self.onRejectedCallbacks.push(() => {handledReject(self.reason);});break;}});};// catch 方法Promise.prototype.catch = function(onRejected) {return this.then(undefined, onRejected);};// 将 Promise 暴露给全局对象window.Promise = Promise;
})();

这个简单的 polyfill 实现了 Promise 的基本功能,包括构造函数、then 方法和 catch 方法。它允许你在不支持原生 Promise 的环境中使用基于 Promise 的异步编程模式。请注意,这个 polyfill 可能不包含 Promise 的所有功能和优化,但它为理解 Promise 的基本原理提供了一个很好的起点。

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

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

相关文章

Text-数组的练习3

Text-数组的练习3 定义一个数组,里面存入1-5 打乱他们的顺序 int arr[]={1,2,3,4,5};int i;Random r=new Random();for ( i = 0; i < arr.length; i++) {int x=r.nextInt(5);//产生随机索引与arr[i]索引换位置int temp=arr[i];arr[i]=arr[x];arr[x]=temp;}for (i = 0; i&l…

【源码】Kafka订制协议如何处理粘拆包

前言 在上一篇随笔中,我们探讨了如何使用 Netty 处理自定义协议中的粘包和拆包问题。Netty 提供了高度封装的 API,帮助开发者轻松应对这一挑战,因此很多人都对其解决方案非常熟悉。 但如果我们直接使用 Java NIO 来实现类似的功能,应该怎么做呢? Kafka,作为一个成熟的分布…

k8s AI

1. RDMA ROCE 网卡 2. GPU插件device-plugin 3. gpu 虚拟化 4. volcano 调度 5. 网络选型cillum时来天地皆同力,运去英雄不自由

msys2 + vscode + C++

MSYS2 is a collection of tools and libraries providing you with an easy-to-use environment for building, installing and running native Windows software. msys2在windows上提供了类似linux的构建环境,可以方便地安装开发所需的各种库文件。网址为https://www.msys2.…

Lec 10 线程

Lec 10 线程 License 本内容版权归上海交通大学并行与分布式系统研究所所有 使用者可以将全部或部分本内容免费用于非商业用途 使用者在使用全部或部分本内容时请注明来源 资料来自上海交通大学并行与分布式系统研究所+材料名字 对于不遵守此声明或者其他违法使用本内容者,将依…

2024-12-10-json

Json在pox.xml中添加如下依赖 <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.2.78</version> </dependency> 添加上述依赖后可用…

AtCoder Beginner Contest 387

A - Happy New Year 2025 题意给定正整数\(A,B\),求\((A+B)^2\)思路模拟代码点击查看代码 #include <bits/stdc++.h> using namespace std; #define int long long typedef pair<int, int> pii;const int mxn = 1e6 + 5;void solve() {int a, b;cin >> a &g…

班迪录屏电脑软件 Bandicam v8.0.1.2512 绿色便携解锁版

点击上方蓝字睿共享资源关注我 前言 Bandicam绿色便携版是一个很棒的视频录制软件,被很多人认为是世界上最好的三个视频录制工具之一。它的好处在于,即使你的电脑配置不是很高,或者你的电脑已经用了很多年,它都能运行得很顺畅。而且,当你用它来录制视频时,声音和画面会完…

摘樱桃II

摘樱桃II “作为一个合格的程序员,理应具有修bug修到凌晨4点的魄力” 戳我查看原题。 题目大意给定一个矩阵,矩阵中的每个数代表该点的樱桃个数。Robot1、Robot2分别从左上角与右上角出发,每次只能选择向正下方、左下方、右下方三个方向移动去采摘樱桃,到达矩阵的最后一行终…

colab上传压缩包文件,出现Unexpected end of archive问题?

Unexpected end of archive,上传图片数据集压缩包到colab上,使用命令进行解压,出现EOF错误,为啥呢?

BurpSuite实操之定序器功能使用

定序器的使用 BurpSuite的定序器是一款用于检测数据样本随机性质量的工具,通常用于检测访问令牌(sessiontoken)是否可预测、密码重置令牌是否可预测等场景,通过Sequencer的数据样本分析,能很好地降低这些关键数据被伪造的风险。操作:令牌保存到本地后查看: 我们看到token每…