Promise的使用方法[通俗易懂]

Promise的使用方法[通俗易懂]PS~:Promise是一个构造函数,自己身上有all、reject、resolve等几个方法,原型上有then、catch等几个方法。Promise对象用于表示一个异步操作的最终状态(完成或失败),以及其返回的值。一、Promise有以下三种状态:pending:初始状态,既不是成功,也不是失败状态,(等待中,或者进行中,表示还没有得到结果)fulfi…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

PS~: Promise是一个构造函数,自己身上有all、reject、resolve等几个方法,原型上有then、catch等几个方法。

Promise 对象用于表示一个异步操作的最终状态(完成或失败),以及其返回的值。

 

一、Promise有以下三种状态:

pending: 初始状态,既不是成功,也不是失败状态 , ( 等待中 , 或者进行中 , 表示还没有得到结果 )

fulfilled: 意味着操作成功。

rejected: 意味着操作失败。

Promise有两种状态改变的方式,而且状态只能从pending改变为resolved或者rejected,并且不可逆。当状态发生变化,Promise.then绑定的函数就会被调用。

注意:Promise一旦新建就会「立即执行」,无法取消。这也是它的缺点之一。

 

二、我们使用new来构建一个Promise。

Promise接受一个「函数」作为参数,该函数的两个参数分别是resolve和reject。这两个函数就是就是「回调函数」

resolve函数的作用:在异步操作成功时调用,并将异步操作的结果,作为参数传递出去; 

reject函数的作用:在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。

 

Promise的使用方法[通俗易懂]

data为:字符串‘成功’ 或者字符串‘失败’

如果异步操作获得了我们想要的结果,那我们将手动调用resolve函数,在then的第一个作为参数的匿名函数中可以获取数据,如果我们得到了错误的结果,调用reject函数,在then函数的第二个作为参数的匿名函数中获取错误处理数据。 这样,一个次完整的Promise调用就结束了。

三、.then()

then()方法执行后会返回一个新的Promise实例。它有两个参数,分别为:Promise从pending变为fulfilled和rejected时的回调函数(第二个参数非必选)。这两个函数都接受Promise对象传出的值(data)作为参数

语法

Promise的使用方法[通俗易懂]

onCompleted(必传参数):操作成功完成时要运行的履行处理程序函数。

onRejected(选传参数):操作被拒绝时要运行的错误处理程序函数。

Promise任务链

对于Promise的then()方法,then总是会返回一个Promise实例,因此你可以一直调用then,形如p().then().then().then().then().then()…..

1)如果then没有传入处理函数,那么会返回一个继承了上一个处理状态的Promise对象

Promise的使用方法[通俗易懂]

Promise的使用方法[通俗易懂]

                                                                                               打印结果

2)如果then传入处理函数,那么默认返回一个fulfilled/resolved状态的Promise对象

Promise的使用方法[通俗易懂]

Promise的使用方法[通俗易懂]

                                                                                               打印结果

3)如果then传入处理函数,通过处理函数显示的return了一个新的Promise,那么返回这个显示的Promise对象

Promise的使用方法[通俗易懂]

Promise的使用方法[通俗易懂]

                                                                                               打印结果

弊端:不易中途终止后续任务执行

四、.catch()

处理rejected 的情况,与then的第二个参数onRejected相同

Promise的使用方法[通俗易懂]

Promise的使用方法[通俗易懂]

                                                                                              打印结果↑

Promise的使用方法[通俗易懂]

Promise的使用方法[通俗易懂]

                                                                                              打印结果↑

可以捕获.catch以上的任一错误(前提是:.then中的onRejected函数没有做任何处理)

补充~:

1).catch与.then中的onRejected函数冲突,如果前面.then中出行了onRejected函数,.catch将不会执行。

2).catch执行后会返回一个Promise对象,且状态默认为fulfilled/resolved(与.then相似)

五、.all   

多任务处理

Promise的使用方法[通俗易懂]

Promise的使用方法[通俗易懂]

                                                                                           打印结果

需要等(p1、p2)所有promise执行完,才可以执行then

六、.race

Promise的使用方法[通俗易懂]

Promise的使用方法[通俗易懂]

                                                                                              打印结果

(p1、p2)只要有一个执行完,就会执行then。

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/206720.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • HTML img图片加载失败时用默认图片替换

    HTML img图片加载失败时用默认图片替换原文地址:http://blog.csdn.net/qq_24771775/article/details/50294931 img元素加载图片失败,则变成一个小图标,让页面变得难看。此时如何替换为默认图片?onerror属性img元素自带onerror属性,加载失败时,触发error事件src=”http://yongqing.is-programmer.com/posts/i

  • 同步FIFO和异步FIFO总结[通俗易懂]

    同步FIFO和异步FIFO总结[通俗易懂]文章目录1.FIFO简介2.使用场景3.分类4.FIFO的常见参数5.FIFO设计5.1空满标志生成5.2异步FIFO的设计还要注意跨时钟域问题5.3gray码如何判断空满`6.同步FIFO实现`7.异步FIFO实现8.对FIFO进行约束9.关于异步FIFO最小深度的计算9.1写时钟快于读时钟,写和读的过程中没有空闲周期9.2写时钟频率大于读时钟频率,但在读写的过程中存在空闲周期9.3写时钟慢于读时钟,且读写过程中没有空闲周期9.4写时钟频率小于读时钟频率,但读写过程中存在空

  • centos7 本地yum源_centos6更换为阿里源

    centos7 本地yum源_centos6更换为阿里源一、centos7配置yum源yum源分为本地yum源和网络yum源1、配置本地yum源步骤一:在centos虚拟机中挂载光盘1.创建挂载点目录[root@localhost~]#mkdir/mnt/cdrom[root@localhost~]#df/mnt/cdrom文件系统1K-块已用可用已用%挂载点/dev/sda33951733677184163179892020%/2.挂载光盘[root@loc

  • mpu9150(driverack pa简明教程)

    简述MotionDriver是Invensense的针对其Motion传感器的软件包,即Motion传感器的驱动,目前已支持MPU6050/MPU6500/MPU9150/MPU9250这些传感器。MotionDriver并非全部开源,核心的算法部分是针对ARM处理器和MSP430处理器编译成了静态链接库提供的。MotionDriver文件结构arm\STM32F4_MD6do

  • fork join语句_java forkjoinpool

    fork join语句_java forkjoinpool借鉴大数据里分而治之的思想

  • 零基础学Java(7)大数

    零基础学Java(7)大数大数如果基本的整数和浮点数精度不能够满足需求,那么可以使用java.math包中两个很有用的类:BigInteger和BigDecimal。这两个类可以处理包含任意长度数字序列的数值。BigInte

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号