你不知道的Promise细节

最新推荐文章于 2025-01-12 22:52:31 发布
最新推荐文章于 2025-01-12 22:52:31 发布
阅读量480 收藏
点赞数
分类专栏： JavaScript高级 文章标签： es6 es6/es7 Promise
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47529373/article/details/120893979
版权
本文详细探讨了Promise在处理异步请求中的作用，包括基本使用、三种状态、resolve和reject参数，以及then、catch、finally等方法的用法。还介绍了Promise类方法如resolve、reject、all、allSettled、race和any，并讨论了手写Promise的实践。
摘要由CSDN通过智能技术生成

你不知道的Promise细节

异步请求处理方案

在ES6之前，对于网络请求的结果是通过回调函数实现的。

回调函数

image-20211021155729574

Promise重构

image-20211021160057482

Promise的基本使用

// 创建一个Promise实例
// 传入一个回调函数，该函数在Promise内部直接执行
// 1、resolve是一个函数 2、 reject也是一个函数。
const promise =
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Promise的一些细节问题
踩坑之路
12-24 1073
前言 promise很多人都会用，但往往使用的时候有一些注意不到的细节问题，阮一峰大佬写的ES6入门教程其实已经很详细了，我看过很多遍，经常都会翻出来看;现在这篇博客就探讨一下文档上没有讲或者没有讲得特别清楚的地方以及容易误解的地方。 reject了也还会走到then? then很多人在使用的时候会下意识地以为promise执行成功了resolve了之后才会走到then里面去，但很多人也都忽略了个细节，then方法接受两个参数，第一个参数是resolve之后的回调，而第二个参数则是reject之后的回调。大
ES6 Promise用法小结
热门推荐
涂涂
07-25 39万+
目录 1.什么是Promise reject的用法 catch的用法 all的用法 race的用法 1.什么是Promise Promise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。 Promise对象有以下两个特点。 （1）对象的状态不受外界影响。Promise对象代表一个异步操...
你不知道的JavaScript----promise
每天都要努力学习哦~~
11-19 543
通过如下场景来阐述：我到快餐店的柜台，点了一个芝士汉堡。通过下订单并付款，我已经发出了一个对某个值（芝士汉堡）的请求。我已经启动了一次交易。但是，通常我不能马上就得到这个汉堡。收银员会交给我某个东西来代替汉堡：一张带有订单号的收据。收据就是一个IOU（I owe you，我欠你的）承诺（promise），保证了最终我会得到我的汉堡。所以我得好好保留我的收据，我知道这代表了我未来的汉堡，所以不需要担心， 只是现在我还是很饿！
你不知道的 async、await 魔鬼细节
2401_83384536的博客
07-15 992
async函数返回值async函数在抛出返回值时，会根据返回值类型开启不同数目的微任务return结果值：非thenable、非promise（不等待）thenable（等待 1个then的时间）promise（等待 2个then的时间）await右值类型区别接非thenable类型，会立即向微任务队列添加一个微任务then但不需等待接thenable类型，需要等待一个then的时间之后执行接Promise类型(有确定的返回值)，会立即向微任务队列添加一个微任务then但不需等待TC 39 对。
你不知道的JS（十四）：Promise
weixin_51670675的博客
05-20 865
Promise的可信任性、提供的API和局限性。
Promise.all的用法及其细节
weixin_45664402的博客
06-11 5万+
Promise的all方法提供了并行执行异步操作的能力，并且在所有异步操作执行完后才执行回调。可以将多个 Promise 实例，包装成一个新的 Promise 实例。 const p = Promise.all([p1, p2, p3]); 上面代码中，Promise.all方法接受一个数组作为参数，p1、p2、p3都是 Promise 实例，如果不是，就会先调用下面讲到的Promise.resolve方法，将参数转为 Promise 实例，再进一步处理。（Promise.all方法的参数可以不是数组，但
手把手带你实现符合Promise/A+规范的Promise
C.
05-19 564
文章目录手把手带你实现符合Promise/A+规范的Promise什么是Promise/A+规范?一步步实现自定义Promise构造函数resolve 与 reject的构建与基础实现throw 抛出异常改变状态Promise的状态一旦改变，就不会再变then 方法执行回调基础实现异步任务 then 方法实现根据Promise/A+规范 优化then方法指定多个回调then 返回结果是一个新的promise对象The Promise Resolution ProcedurePromise.prototype
Promise的使用详解与细节分析
weixin_47342392的博客
09-20 3074
Promise的使用详解与细节分析
Promise使用细节
weixin_34280237的博客
04-20 176
Promise使用细节 使用promise需要注意的几点: 1.如何用promise实现并行的异步 (Promise.all配合.map) Promise.all()参数 : 一个很多promise组成的数组 Promise.all()返回值 : 当所有异步都执行完后,promise.all的状态才变成fulfilled,返回一个各个结...
从一道让我失眠的 Promise 面试题开始，深入分析 Promise 实现细节
wadfdhsajd的博客
09-18 249
我们都知道 Js 是单线程都，但是一些高耗时操作就带来了进程阻塞问题。同步模式（Synchronous）和异步模式（Asynchronous）。在异步模式下，创建异步任务主要分为宏任务与微任务两种。ES6 规范中，宏任务（Macrotask） 称为 Task， 微任务（Microtask） 称为 Jobs。宏任务是由宿主（浏览器、Node）发起的，而微任务由 JS 自身发起。宏任务与微任务的几种创建方式👇如何理解 script（整体代码块）是个宏任务呢🤔。
js代码-基于Promise对象实现Promise.all方法(Promise)
07-15
在JavaScript中，Promise是异步编程的一种解决方案，它提供了一种更加优雅的方式来处理回调地狱问题。Promise.all()方法是Promise API...通过阅读main.js和README.txt，你可以深入了解这个自定义实现的细节和应用场景。
深入理解js promise chain
10-22
在本篇深入理解中，我们将探讨Promise链的细节，包括then()和catch()方法的参数、返回值以及它们在链式调用中的行为。 首先，then()和catch()是Promise对象的两个方法，它们都可以接收回调函数作为参数。then()方法...
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实现细节解析与应用
状态一旦改变，就会永久保持，不能再次回到pending状态。当Promise的处理过程成功完成时，会调用resolve函数，导致Promise对象的状态变为fulfilled。如果处理过程中出现错误，则会调用reject函数，导致Promise对象的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值