手写Promise

最新推荐文章于 2025-01-12 22:52:31 发布
最新推荐文章于 2025-01-12 22:52:31 发布
阅读量218 收藏
点赞数 2
分类专栏： JavaScript高级 文章标签： Promise es6 es6/es7 手写Promsie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47529373/article/details/120930316
版权
本文探讨了如何手写Promise代码，通过不依赖数组来保存回调函数，实现了Promise的核心功能，确保了then和catch方法的延迟调用以及仅执行一次resolve或reject。尽管如此，注意到在ES6中，Promise内部的回调函数始终是异步执行的。
摘要由CSDN通过智能技术生成

手写Promise

手写Promise代码

const PROMISE_STATUS_FULFILLED = "PROMISE_STATUS_FULFILLED";
const PROMISE_STATUS_PENDING = "PROMISE_STATUS_PENDING";
const PROMISE_STATUS_REJECTED = "PROMISE_STATUS
了解本专栏 订阅专栏 解锁全文 超级会员免费看
ES6手写Promise
ruan479118658的博客
08-08 306
使用ES6 class语法实现简易版的手写Promise 实现 then 链式调用、catch、finally、和静态方法resolve，reject，注释清晰，逻辑清晰
js代码-手写promise.all
07-16
// 这里将实现手写Promise.all的逻辑 }); } ``` 接下来，我们需要跟踪Promise的状态。我们可以创建一个计数器来记录已解析的Promise数量，以及一个存储结果的数组： ```javascript let resolvedCount = 0; let ...
手写Promise(
lin_fightin的博客
02-25 211
Promise是用来解决回调地狱，一层又一层的反复嵌套问题， 先看Promise基本使用 那么可以看出，Promise，是一个函数或者一个类，然后用来实例化一个对象。 这里以函数讲解， 首先先了解一个大概思路，(简单版) 定义一个Promise(fun)函数，这个函数接受一个参数，而且这个参数是一个函数。 大概长这样 （resolve, reject）=>{//你的逻辑} 就是传进来一个函数，然后Promise内部定义了两个函数，分别是resolve,reject,然后把resolve,还有rej
【JavaScript】手写Promise
编码世界
05-15 4857
面试中经常会被问到你会手写Promise吗？本文带你手撸Promsie
手写promise
weixin_44335776的博客
02-08 461
手写promise
JS手写Promise（详细过程）
m0_56698268的博客
03-28 2322
手写Promise
手写Promise（二）
qq_31435891的博客
07-08 295
之前的部分可以看上一篇。
【手写Promise】
热门推荐
weixin_49487698的博客
05-16 1万+
一、JS的错误 1、错误的类型 2、错误处理 3、错误对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale
Promise_js手写promise_js手写Promise_手写Promise_JS手写Promise_
09-30
在本文中，我们将深入探讨如何使用原生JavaScript手写Promise。 首先，我们需要理解Promise的基本概念。Promise有三种状态：pending（等待中）、fulfilled（已完成）和rejected（已拒绝）。每个Promise实例在其生命...
Promise-A-Plus:纯 TypeScript 手写 Promise A+
05-29
手写 Promise A+ English： 术语 解决（fulfill） 指的是一个 promise 成功时进行的一系列操作，如状态的改变、回调的执行。虽然规范中使用 fulfill 来表示解决，但是目前常用 resolve 来取代。 拒绝（reject） 指的...
JS手写Promise源码
12-19
为什么要手写Promise？1、深入理解Promise的工作原理：手写Promise可以帮助我们更深入地理解Promise的工作原理和内部机制。通过手动实现Promise的核心功能，如异步调用、状态管理和回调处理，我们可以更好地理解...
ES6的高阶语法特性
m0_64455070的博客
01-08 1062
标签模板函数不仅可以用于简单的字符串插值，还可以对插入的变量或表达式进行自定义处理。}, '');`);// 输出 "This is a [HELLO] world!在这个例子中，函数接收一个模板字符串和一个或多个值。它遍历模板字符串的静态文本部分和值，将每个值转换为大写，并在其前后添加方括号作为标记，然后将结果组合成一个完整的字符串。标签模板函数不仅可以用于简单的字符串插值，还可以实现更复杂的逻辑，如条件渲染、循环、国际化（i18n）等。}, '');
JavaScript，ES6，模块化，大程序文件拆分成小文件再组合起来
博观而约取，厚积而薄发~
01-12 439
模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来。模块化的优势有以下几点：1、防止命名冲突，2、代码复用，3、高维护性。模块功能主要由两个命令构成：export 和 import。⚫ export 命令用于规定模块的对外接口⚫ import 命令用于输入其他模块提供的功能。
风机盘管联网集成监控系统 新风控制系统
01-16
风机盘管联网集成监控系统 新风控制系统
AI实战-法国航空客户评论数据集分析预测实例（含6个源代码+1.65 MB完整的数据集）.zip
01-16
AI实战-法国航空客户评论数据集分析预测实例（含6个源代码+1.65 MB完整的数据集） 代码手工整理，无语法错误，可运行。 包括：6个代码，共37.40 KB；数据大小：1个文件共1.65 MB。 使用到的模块： pandas numpy re sklearn.feature_extraction.text.CountVectorizer nltk.corpus.stopwords textblob.TextBlob wordcloud.WordCloud nltk seaborn matplotlib.pyplot sklearn.model_selection.train_test_split sklearn.ensemble.RandomForestClassifier sklearn.metrics.classification_report lime.lime_text.LimeTextExplainer os textstat.flesch_reading_ease warnings sklearn.feature_extraction.text.TfidfVectorizer sklearn.ensemble.ExtraTreesClassifier sklearn.ensemble.GradientBoostingClassifier sklearn.ensemble.AdaBoostClassifier sklearn.linear_model.LogisticRegression sklearn.svm.SVC xgboost.XGBClassifier lightgbm.LGBMClassifier sklearn.metrics.accuracy_score sklearn.metrics.confusion_matrix zipfile nltk.tokenize.word_tokenize nltk.stem.WordNetLemmatizer transformers.pipeline torch sklearn.decomposition.LatentDirichletAllocation collections.Counter squarify sklearn.metrics.roc_curve sklearn.metrics.auc sklearn.metrics.ConfusionMatrixDisplay sklearn.preprocessing.label_binarize pickle
AI实战-学生生活方式模式数据集分析预测实例（含24个源代码+69.54 KB完整的数据集）.zip
01-16
AI实战-学生生活方式模式数据集分析预测实例（含24个源代码+69.54 KB完整的数据集） 代码手工整理，无语法错误，可运行。 包括：24个代码，共149.89 KB；数据大小：1个文件共69.54 KB。 使用到的模块： pandas os matplotlib.pyplot seaborn plotly.express warnings sklearn.model_selection.StratifiedShuffleSplit sklearn.pipeline.Pipeline sklearn.compose.ColumnTransformer sklearn.impute.SimpleImputer sklearn.preprocessing.OrdinalEncoder numpy sklearn.model_selection.cross_val_score sklearn.linear_model.LinearRegression sklearn.metrics.mean_squared_error sklearn.tree.DecisionTreeRegressor sklearn.ensemble.RandomForestRegressor sklearn.model_selection.train_test_split sklearn.preprocessing.PowerTransformer imblearn.pipeline.Pipeline imblearn.over_sampling.SMOTE sklearn.ensemble.AdaBoostClassifier sklearn.metrics.accuracy_score sklearn.metrics.precision_score sklearn.metrics.recall_score sklearn.metrics.f1_score optuna scipy.stats torch torch.nn torchvision.transforms torchvision.models torch.optim cv2 glob glob.glob torch.utils.data.DataLoader torch.utils.data.Dataset random.shuffle torch.utils.data.random_split torchsummary.summary matplotlib.ticker pyspark.sql.SparkSession pyspark.sql.functions.count pyspark.sql.functions.max pyspark.sql.functions.min pyspark.sql.functions.avg pyspark.sql.functions.stddev_samp pyspark.sql.functions.skewness pyspark.sql.functions.kurtosis pyspark.sql.functions pyspark.ml.feature.Tokenizer pyspark.ml.feature.VectorAssembler sklearn.preprocessing.LabelEncoder keras.models.Sequential keras.layers.Dense keras.utils.to_categorical ptitprince statsmodels.distributions.empirical_distribution.ECDF statsmodels.stats.outliers_influence.variance_inflation_factor ppscore sklearn.feature_selection.mutual_info_classif sklearn.decomposition.PCA sklearn.model_selection.StratifiedKFold sklearn.tree.DecisionTreeClassifier sklearn.metrics.balanced_accuracy_score sklearn.metrics.confusion_matrix mlxtend.plotting.plot_confusion_matrix scipy.stats.pearsonr scipy.stats.f_oneway sklearn.feature_selection.mutual_info_regression sklearn.feature_selecti
PHY6230拍照键兼容性问题20250115-090242.7z
01-16
适配文章:奉加微PHY6230兼容性:部分手机不兼容
AI实战-国际象棋游戏学习数据分析预测实例（含20个源代码+7.32 MB完整的数据集）.zip
最新发布
01-16
AI实战-国际象棋游戏学习数据分析预测实例（含20个源代码+7.32 MB完整的数据集） 代码手工整理，无语法错误，可运行。 包括：20个代码，共20.61 KB；数据大小：1个文件共7.32 MB。 使用到的模块： pandas matplotlib.pyplot numpy os sqlite3
手写 Promise
09-01
当然可以！以下是一个简单的手写Promise的示例： ```javascript class Promise { constructor(executor) { this.state = 'pending'; this.value = undefined; this.reason = undefined; this.onResolveCallbacks = []; this.onRejectCallbacks = []; const resolve = (value) => { if (this.state === 'pending') { this.state = 'fulfilled'; this.value = value; this.onResolveCallbacks.forEach(callback => callback()); } }; const reject = (reason) => { if (this.state === 'pending') { this.state = 'rejected'; this.reason = reason; this.onRejectCallbacks.forEach(callback => callback()); } }; try { executor(resolve, reject); } catch (error) { reject(error); } } then(onFulfilled, onRejected) { const fulfilledHandler = typeof onFulfilled === 'function' ? onFulfilled : value => value; const rejectedHandler = typeof onRejected === 'function' ? onRejected : reason => { throw reason; }; const promise2 = new Promise((resolve, reject) => { const fulfillHandlerWrapper = () => { setTimeout(() => { try { const result = fulfilledHandler(this.value); resolvePromise(promise2, result, resolve, reject); } catch (error) { reject(error); } }, 0); }; const rejectHandlerWrapper = () => { setTimeout(() => { try { const result = rejectedHandler(this.reason); resolvePromise(promise2, result, resolve, reject); } catch (error) { reject(error); } }, 0); }; if (this.state === 'fulfilled') { fulfillHandlerWrapper(); } else if (this.state === 'rejected') { rejectHandlerWrapper(); } else { this.onResolveCallbacks.push(fulfillHandlerWrapper); this.onRejectCallbacks.push(rejectHandlerWrapper); } }); return promise2; } catch(onRejected) { return this.then(null, onRejected); } } function resolvePromise(promise, result, resolve, reject) { if (promise === result) { return reject(new TypeError('Chaining cycle detected for promise')); } let thenCalledOrThrow = false; if (result instanceof Promise) { result.then( value => resolvePromise(promise, value, resolve, reject), reason => reject(reason) ); } else if (result !== null && (typeof result === 'object' || typeof result === 'function')) { try { const then = result.then; if (typeof then === 'function') { then.call( result, value => { if (thenCalledOrThrow) return; thenCalledOrThrow = true; resolvePromise(promise, value, resolve, reject); }, reason => { if (thenCalledOrThrow) return; thenCalledOrThrow = true; reject(reason); } ); } else { resolve(result); } } catch (error) { if (thenCalledOrThrow) return; thenCalledOrThrow = true; reject(error); } } else { resolve(result); } } ``` 这只是一个基本的实现，还有很多细节和功能可以改进。希望对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值