对promise、resolve和reject的简单理解

admin2年前javascript550

        Promise构造函数接受一个函数作为参数,其中该参数又接受两个函数作为它自身的参数,分别是resolve和reject(也可以起其它的名字)。对于promise对象、resolve和reject函数的作用理解如下:

1.new Promise()返回一个promise对象,该对象共有三种状态:进行中、已完成和失败,回调函数的调用是根据对象的状态来完成的;该对象的原型上拥有then和catch等方法。

2.在构造函数参数的内部执行自定义的一些代码,通过代码的执行结果来选择调用resolve方法还是reject,例如下图中就是通过传入的num值来决定执行哪个方法。

3.resolve方法的作用是把promise对象的状态从进行中变成已完成,同时可以向resolve方法传入参数,这个参数会在将来被promise对象的then方法获取,而reject方法也是同样的道理,只不过是把promise对象状态变成失败,同时传入的参数会被catch方法获取而已。

4.也就是说,resolve和reject方法的作用只不过是根据代码逻辑,把promise对象的状态置为已完成或失败,同时通知promise方法的then方法或catch方法:我们已经修改promise对象的状态,接下来需要你们(then和catch)根据对象的状态决定走哪条路。说白了,resolve、reject就是promise对象和then、catch之间的狗腿子。

5.整个过程可以总结为:当resolve或reject修改promise对象状态之后,通过检测promise对象的状态,决定执行then还是catch回调方法。在这个过程中:resolve和reject起到的作用是修改对象状态、通知回调函数以及传递回调函数可能需要的参数。这样做的好处就是:把逻辑判断和回调函数分开处理。

例如下图中的代码运行结果:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
延伸至axios:
因为axios是基于promise的,因此axios异步请求也返回一个promise对象,所以有axios().then()这样的写法,这说明axios本身已经对异步请求的过程做了封装,若请求成功则传递响应内容给then方法,否则传递给catch方法。
————————————————
版权声明:本文为CSDN博主「tdhszsh」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/tdhszsh/article/details/123423670

相关文章

阿里oss压缩图片和获取视频第一帧简便方法

OSS获取视频第一帧方法: 视频地址+?x-oss-process=video/snapshot,t_1000,m_fast 例:https://video.aliyunoss.com/1.mp4?x...

vscode压缩js代码的方法:

vscode压缩js代码的方法:1、在拓展商店里搜索“minify”,安装,安装成功后点重新加载2、使用:F1运行文件缩小器Minify压缩js代码。...

vue3-element-admin

https://gitee.com/youlaiorg/vue3-element-adminhttps://gitcode.com/youlaitech/vue3-element-admin/over...

swiper + 文字特效

swiper + 文字特效

swiper.animate1.0.3.min-1.ziphttps://blog.csdn.net/huayuaer/article/details/101761316...

Vue3-Element-Admin

https://huzhushan.gitee.io/vue3-element-admin/v1/guide/getting-started.html#%E5%AE%89%E8%A3%85%E4%BD...

scrollReveal.js – 页面滚动显示动画JS

scrollReveal.js – 页面滚动显示动画JS

和 WOW.js 一样,scrollReveal.js 也是一款页面滚动显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球。不同的是 WOW.js 的动画只播放一次,而 scrollR...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。