Promise常用方法及区别

一、实例方法

let _fun = new Promise((resolve, reject) => {reject("失败!");
});
/*
resolve:异步操作成功时调用的回调函数。
reject:异步操作失败时调用的回调函数。
*/
_fun.then(res => { // 成功console.log('res: ', res);
}).catch(err => { // 失败console.log('err: ', err);
}).finally(result => { // 无论成功失败都会走这个方法,接收到的参数为undefinedconsole.log('finally: ', result);
})
/* 执行结果
err:  失败!
finally:  undefined
*/

二、静态方法

// 注:此处统一定义几个下方会用到的异步操作。
let _fun1 = new Promise((resolve) => {setTimeout(() => resolve("成功1!"));
});
let _fun2 = Promise.resolve("成功2!");
let _fun3 = new Promise((resolve, reject) => {setTimeout(() => reject("失败1!"));
});
let _fun4 = Promise.reject("失败2!");
let _fun5 = new Promise((resolve, reject) => {reject("失败3!");
});

1、Promse.all :所有异步都成功才会走.then方法,执行结果与参数的顺序保持一致,与执行时间快慢无关;
若有执行失败的则走.catch方法,并返回最先执行完失败的异步结果。

Promise.all([_fun1, _fun2, _fun3, _fun4, _fun5]).then((res) => console.log("all_res_01: ", res)).catch((err) => console.log("all_err_01: ", err));
Promise.all([_fun1, _fun2]).then((res) => console.log("all_res_02: ", res)).catch((err) => console.log("all_err_02: ", err));
/* 执行结果
all_err_01:  失败2!
all_res_02: ['成功1!', '成功2!']
*/

2、Promise.race :最新执行完的若是成功则会走.then方法,若是失败则会走.catch方法,两种情况都返回当前结果。

Promise.race([_fun1, _fun2, _fun3, _fun4, _fun5]).then((res) => console.log("race_res_01: ", res)).catch((err) => console.log("race_err_01: ", err));
Promise.race([_fun3, _fun4, _fun5, _fun2]).then((res) => console.log("race_res_02: ", res)).catch((err) => console.log("race_err_02: ", err));
/* 执行结果
race_res_01:  成功2!
race_err_02:  失败2!
*/

3、Promise.any :若有成功则走.then方法,并返回第一个成功的结果;若全部失败则走.catch并返回“AggregateError: All promises were rejected”。

Promise.any([_fun4, _fun1, _fun2, _fun3, _fun5]).then((res) => console.log("any_res_01: ", res)).catch((err) => console.log("any_err_01: ", err));
Promise.any([_fun3, _fun4, _fun5]).then((res) => console.log("any_res_02: ", res)).catch((err) => console.log("any_err_02: ", err));
/* 执行结果
any_res_01:  成功2!
any_err_02:  AggregateError: All promises were rejected
*/

4、Promise.allSettled :所有的请求都执行完走.then方法,返回结果按参数顺序返回在一个数组中,每项会包含当前执行的状态(rejected失败、fulfilled成功)。

Promise.allSettled([_fun4, _fun1, _fun2, _fun3, _fun5]).then((res) => console.log("allSettled_res_01: ", res)).catch((err) => console.log("allSettled_err_01: ", err));
/* 执行结果
allSettled_res_01: 
[
{status: 'rejected', reason: '失败2!'},
{status: 'fulfilled', value: '成功1!'},
{status: 'fulfilled', value: '成功2!'},
{status: 'rejected', reason: '失败1!'},
{status: 'rejected', reason: '失败3!'}
]
*/

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

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

相关文章

泛型的工作原理是什么?

泛型的工作原理是通过参数化类型来实现的。 具体来说,泛型允许在定义类、接口或方法时指定类型参数,这些参数在使用时可以被具体的类型所替代。 泛型的工作原理具有以下几个重要特点: 类型安全:确保在编译时进行类型检查&#…

Spring之事务底层源码解析

@EnableTransactionManagement工作原理 开启Spring事务本质上就是增加了一个Advisor,但我们使用@EnableTransactionManagement注解来开启Spring事务是,该注解代理的功能就是向Spring容器中添加了两个Bean: AutoProxyRegistrarProxyTransactionManagementConfigurationAutoP…

详解Qt框架下文件读写操作

在Qt开发中,文件读写操作是一项基本且重要的技能。Qt为此提供了QFile、QTextStream和QDataStream等类,以满足开发者对不同类型文件的操作需求。本文将详细阐述这些类的使用方法,并结合实例代码,帮助读者深入了解和掌握Qt中文件读写…

012:vue结合纯CSS实现蛇形流程图/步骤条

文章目录 1. 实现效果2. 实现代码 1. 实现效果 2. 实现代码 <template><div class"container"><div v-for"(item, index) in list" class"grid-item"><div class"step">step{{index1}}</div></div&…

MySQL - 深入MySQL索引的秘密(一)

1. 如果没有任何索引,数据库是如何根据查询语句搜索数据的? 在磁盘文件中,数据页之间是组成双向链表的,然后数据页内部的数据行是组成单向链表的,而且数据行是根据主键从小到大排序的。然后每个数据页里都会有一个页目录,里面根据数据行的主键存放了一个目录,同时数据行…

新版HI3559AV100开发注意事项(三)

新版HI3559AV100开发注意事项&#xff08;三&#xff09; 十九、用的sdk是Hi3559V200_MobileCam_SDK_V1.0.1.5 播放AAC音频文件&#xff0c;adec->ao;adec的初始化里面包括了aaclc解码器的注册&#xff0c;可是在HI_MPI_ADEC_RegisterDecoder(&s32Handle, &stAac);…

【漏洞复现】OpenMetadata 命令执行漏洞复现(CVE-2024-28255)

声明&#xff1a;亲爱的读者&#xff0c;我们诚挚地提醒您&#xff0c;Aniya网络安全的技术文章仅供个人研究学习参考。任何因传播或利用本实验室提供的信息而造成的直接或间接后果及损失&#xff0c;均由使用者自行承担责任。Aniya网络安全及作者对此概不负责。如有侵权&#…

类和对象中阶1⃣️-默认成员函数(构造函数 析构函数)

目录 1.类的6个默认成员函数 2.构造函数 2.1 概念 3.析构函数 3.1 概念 3.2 特性 1.类的6个默认成员函数 如果一个类中什么成员都没有&#xff0c;简称为空类。 空类中真的什么都没有吗&#xff1f;并不是&#xff0c;任何类在什么都不写时&#xff0c;编译器会自动生成…

JavaThread线程

目录 程序--进程--线程 程序&#xff1a; 进程&#xff1a; 线程&#xff1a; 进程和线程的关系 创建线程 单线程模式 代码 图解 运行 代码 运行 创建线程 方式一 代码 运行 方式二 代码 运行 总结&#xff1a; Thread类中常用的方法 1、 代码 运行…

JAVA发票验真接口、票据ocr、数电票在线查验真伪

发票验真接口&#xff0c;,实时联网核验发票真伪,查验一致返回全票面信息&#xff0c;支持查验增值税发票管理系统开具的发票,支持批量核验发票&#xff0c;翔云发票查验送发票识别,助您摆脱手动输入繁琐,提升工作效率。 发票查验接口适用于银行、金融、代理记账等发票管理数量…

豆腐厂废水处理设备价格

诸城市鑫淼环保小编带大家了解一下豆腐厂废水处理设备价格 设备价格&#xff1a; 1.预处理设备成本&#xff1a;格栅、沉淀池等预处理设备的价格因尺寸和材料而异&#xff0c;一般在几千到数万元不等。 2.生物处理设备费用&#xff1a;活性污泥法、MBR膜生物反应器等生物处理设…

电脑剪切复制到u盘文件丢失怎么办?未备份者的应急指南

在日常生活和工作中&#xff0c;我们经常使用电脑和U盘进行文件的传输和备份。然而&#xff0c;在剪切复制文件到U盘的过程中&#xff0c;有时可能会遇到文件丢失或无法找到的问题&#xff0c;而这时又没有备份&#xff0c;这无疑让人头疼不已。那么&#xff0c;面对这种情况&a…

java的aop实现方式

java的aop可以通过三种方式来实现 1.使用ajc编译的插件来完成增强 这种方法会直接修改编译完成的class文件&#xff0c;不需要依赖springboot 2.动态代理proxy 2.1cglib 可以代理接口&#xff0c;方法等&#xff0c;这种方式代理类是目标类的子类&#xff0c;要求目标类不…

斐波那契数列递归实现和for循环实现

什么是斐波那契数列 数列: 1 1 2 3 5 8 13 21 34 55 … x 位置: 1 2 3 4 5 6 7 8 9 10 … n // 1.斐波那契的递归实现function fibonacci(n) {if (n 1 || n 2) return 1return fibonacci(n-1) fibonacci(n-2)}// 2.斐波那契的for循环实现function fibonacci(n) {// 特殊的情…

使用 EFCore 和 PostgreSQL 实现向量存储及检索

随着 ChatGPT 的兴起及其背后的 AIGC 产业不断升温,向量数据库已成为备受业界瞩目的领域。FAISS、Milvus、Pinecone、Chroma、Qdrant 等产品层出不穷。市场调研公司 MarketsandMarkets 的数据显示,全球向量数据库市场规模预计将从 2020 年的 3.2 亿美元增长至 2025 年的 10.5…

Ps 滤镜:风格化

风格化 Stylize滤镜通过置换像素和通过查找并增加图像的对比度&#xff0c;基于原图像生成绘画或印象派的效果。 查找边缘 Find Edges “查找边缘”滤镜通过分析图像的色彩和亮度变化来识别边缘。 这种处理方式使得图像的主要轮廓以一种艺术化的线条形式被强调出来&#xff0c;…

js中如何进行隐式类型转换

ToPrimitive 方法&#xff0c;是js中每个值隐含的自带方法&#xff0c;用来将值转换为基本类型。如果值为基本类型&#xff0c;则返回本身&#xff0c;否则&#xff0c;进行转换&#xff0c;返回基本类型值。 /** * obj 需要转换的对象 * type 期望的结果类型 Number或String …

UVA839 Not so Mobile 天平 解题报告

题目链接 https://vjudge.net/problem/UVA-839 题目大意 输入一个树状天平&#xff0c;根据力矩相等原则判断是否平衡。如图6-5所示&#xff0c;所谓力矩相等&#xff0c;就是WlDlWrDr&#xff0c;其中Wl和Wr分别为左右两边砝码的重量&#xff0c;D为距离。 采用递归&#…

大语言模型的指令调优:综述

&#x1f349; CSDN 叶庭云&#xff1a;https://yetingyun.blog.csdn.net/ 论文标题&#xff1a;Instruction Tuning for Large Language Models: A Survey 论文地址&#xff1a;https://arxiv.org/abs/2308.10792 指令调优是提升大语言模型&#xff08;LLMs&#xff09;性能…

python爬虫3-xpath批量定位元素的方法

以爬取豆瓣影评的电影名称为例。 第一步 鼠标右键单击&#xff0c;选择【检查】 第二步 切换到【元素】标签&#xff0c;展示源代码 选择下图的小箭头&#xff0c;再选择想要定位的文本&#xff0c;源代码会自动定位到该文本。 第三步 鼠标放在该文本的源代码上&#xff0c;…