百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT知识 > 正文

javascript——Promise(js promise.race)

liuian 2025-03-25 15:20 48 浏览

1.Promise

ES6开始支持,Promise对象用于一个异步操作的最终完成(包括成功和失败)及结果值的表示。简单说就是处理异步请求的。之所以叫Promise,就是我承诺,如果成功则怎么处理,失败怎么处理。

// 语法new Promise(/下面定义的函数是executor/function(resolve, reject) {...})

[点击并拖拽以移动]1.1 executor

executor是一个带有resolve和reject参数的函数
executor函数在 Promise构造函数执行时立即执行,被传递resolve和reject函数(executor函数在Promise构造函数返回新建的对象前被调用)
executor内部通常会执行一些异步操作,一旦完成,可以调用resolve函数来将promise对象的状态改为fulfilled即完成,或者发生错误时将promise对象的状态改为rejected即失败。
如果在executor函数中抛出一个错误,那么该promise状态为rejected,executor函数的返回值被忽略。
executor中,resolve或reject函数只能执行其中的一个

promise的状态:

pending:初始状态,不是成功或失败
fulfilled:意味着操作成功完成
rejected:意味着操作失败

Promise.then(onFulfilled, onRejected)

参数是2个函数,根据Promise的装态来调用不同的函数,fulfilled走OnFulfilled函数,rejected走onRejected函数。then的返回值是一个新的promise对象,执行任意一个函数,对这个promise对象来说就是其返回值。调用任意一个函数后,其返回值可以被后续的then方法继续捕捉。

catch(onRejected)

为当前Promise对象添加一个拒绝回调,返回一个新的Promise对象。

我们来看一个简单的例子:

var myPromise = new Promise(function (resolve, reject){//resolve('hello')console.log('~~~~~~~~~~')reject('hello world!')})

console.log(myPromise)

var pro1 = myPromise.then((value) => console.log(1, myPromise, value),(reason) => console.log(2, myPromise, reason) // 不管哪个回调函数被执行,新的promise对象的状态都会变为fulfilled)

// 可以继续被捕捉var pro2 = pro1.then((value) => console.log(3, myPromise, value),(reason) => console.log(4, myPromise, reason))

pro2.then(value => {console.log(5, pro2, value)return Promise.reject('pro2 rejected') // 将新的promise对象的状态改为rejected},reason => console.log(6, pro2, reason)).catch(reason => {console.log(7, reason)return Promise.resolve(reason + '*') // 将新的promise对象的状态改为resolved}).then(value => console.log(8, value),reason => console.log(9, reason)

)

/*Promise { 'hello world!' }
2 Promise { 'hello world!' } 'hello world!'
3 Promise { 'hello world!' } undefined
5 Promise { undefined } undefined
7 'pro2 rejected'
8 'pro2 rejected*'
*/

对Promise的几点总结:Promise:resolve, reject两个函数无返回值then方法返回一个新的Promise对象,新对象的打印结果为then方法执行的函数的返回值;catch方法也是返回一个新的Promise对象。then的回调函数:fulfilled成功的状态 ==> 会调用onfulfilled回调函数,其参数为valuerejected失败的状态 ==> 会调用onrejected回调函数,其参数为reason不管哪一个回调函数执行后,新的promise对象的状态就变为fulfilled

catch只有一个回调函数==> reason如果不能catch到,以当前对象(pro1)的结果作为新对象(pro2)的结果;如果catch到,新的promise对象的状态就变为fulfilled

再来看一个例子:

function runAsync(){return new Promise(function(resolve, reject){setTimeout(function(){console.log('do something')resolve('ok')}, 3000) // 3000毫秒也就是3秒})}

runAsync().then(value => {console.log(value)return Promise.reject(value + '*****') // 将新的promise对象的状态改为rejected}).catch(reason => {console.log(reason)return Promise.resolve(reason + '~~~~~~~~~~~') // 将新的promise对象的状态改为resolved}).then(value => {console.log(value)console.log('Promise END')})

console.log('========FIN========')

/*========FIN========do somethingokok*****ok*****~~~~~~~~~~~Promise END*/

相关推荐

ios是什么意思手机(苹果手机ios是啥意思)

对的,ios是苹果手机搭载的系统,但是不仅仅是应用在iphone手机哦,在苹果台式电脑、笔记本电脑、平板电脑以及苹果其它设备都是搭载的ios系统。它是苹果公司开发的独立且封闭性的操作系统,不对外公开,...

什么网站可以免费下载电影(在哪个网站下载电影免费)

1.ITunesMovieTrailers苹果的预告片库,库中影片的画质都很不错,基本上覆盖了当前的主流电影,以美国电影居多,国内的片子比较少,如果需要从中下载,那么下载时需要配合浏览器的资源嗅探...

怎样下载word文档(如何免费使用word文档)
  • 怎样下载word文档(如何免费使用word文档)
  • 怎样下载word文档(如何免费使用word文档)
  • 怎样下载word文档(如何免费使用word文档)
  • 怎样下载word文档(如何免费使用word文档)
破解版手游下载平台(破解版手游下载平台app)

我很抱歉,我不能提供给您任何非法下载的方式。迷失的女孩是一款由MaximTheRobotLLC开发的游戏,与其他的游戏一样,版权被保护。如果您想下载该游戏,请在官方应用商店(如GooglePl...

两个路由器无线桥接怎么设置

两台路由器无线桥接方法如下1.两个路由器桥接,首先第一步就是要设置主路由器,一根网线连上路由器的WAN口和猫相连,而另一根网线从路由起插口的1,2,3,4,口出来连上电脑。之后打开电脑浏览器输入19...

win11资源管理器(win11资源管理器崩溃)

出现此问题可以参考如下解决方法:1.我们先打开windows文件资源管理器窗口,可以看到在设备和驱动器列表中没有显示出磁盘的盘符2.这时我们点击菜单栏的查看菜单3.接着在打开的查看工具栏点击选项的图标...

可以偷偷加回误删的qq好友吗

2021年删除好友偷偷加回来,对方知道吗?如果说2021年你把你的好友删除了,但是你要把他偷偷的加回来的话,那对方是肯定会知道的,因为你在家的时候要对方同意你才能加得到,如果对方不同意的话,那你肯定是...

电脑怎么强制恢复出厂设置win10
  • 电脑怎么强制恢复出厂设置win10
  • 电脑怎么强制恢复出厂设置win10
  • 电脑怎么强制恢复出厂设置win10
  • 电脑怎么强制恢复出厂设置win10
磊科无线路由器手机设置(用手机 怎么设置磊科路由器怎么设置密码)

  刚要回答你磊科无线路由器怎么设置无线网络这个大问题,看后面估计你更想知道的不是磊科无线路由器怎么设置无线网络,而是怎么用手机设置网络吧,其实很简单的,我刚才还用手机设置我刚买的极贰的网络  手机只...

萝卜家园xp系统安装(萝卜家园xp系统安装步骤及图片)

先用大白菜制作u盘启动项。再下载萝卜家园系统,放到u盘。开机选择用u盘启动,进入pe,打开ghost加载系统执行安装。

台式电脑显卡安装步骤图(台式机显卡怎么安装图解)

关于这个问题,1.确认电脑是否支持显卡首先,要确认电脑是否支持显卡。如果是台式机,需要确认主板是否支持PCI-E插槽;如果是笔记本电脑,则需要确认是否有可更换显卡的插槽。2.卸下原有显卡如果你的电...

win11免费下载(win11正式版下载)
  • win11免费下载(win11正式版下载)
  • win11免费下载(win11正式版下载)
  • win11免费下载(win11正式版下载)
  • win11免费下载(win11正式版下载)
虚拟光驱推荐(虚拟光驱推荐知乎)

虚拟光驱是一种计算机软件,用于模拟物理光驱的功能。它可以将光盘的内容转化为电脑上的虚拟光盘,用户可以在计算机上直接使用虚拟光盘中的文件和程序,而无需实际插入光盘。虚拟光驱的主要功能包括:1.安装软件...

win7和win10互联(win7和win10可以网络共享吗)

一台电脑只要已经使用过一次已经激活的win10,以后可以随便重装win10,都会自动激活。不限制次数,只要你不把这台电脑的主板给换掉即可。所以可以随时重装,或者也可以使用win7、win8.1的密钥...

电脑给另一个硬盘装系统(电脑给另一块硬盘装系统)

回答如下:以下是在Windows操作系统下的步骤:1.确保你有一个可用的Windows安装光盘或USB安装介质。2.将另一个硬盘连接到计算机上并确保电脑识别到它。3.打开计算机BIOS并确保在启...