js教程_es6中promise对象的状态有哪些

 所属分类:web前端开发

 浏览:156次-  评论: 0次-  更新时间:2022-06-24
描述:更多教程资料进入js教程获得。 状态:1、pending进行中的状态,该状态进行初始化,在过程中还没有结果;2、fulfilled成功状态,resolved状...
更多教程资料进入js教程获得。

状态:1、pending进行中的状态,该状态进行初始化,在过程中还没有结果;2、fulfilled成功状态,resolved状态会触发后续的then回调函数;3、rejected失败状态,rejected状态会触发后续的catch回调函数。

本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6中promise对象的状态有哪些

三种状态

  • 1.pending:在过程中还没有结果

  • 2.resolved:成功

  • 3.rejected:失败

状态变化

1、pending -> resolved

2、pending -> rejected

状态的表现

pending状态不会触发then和catch

resolved状态会触发后续的then回调函数

rejected状态会触发后续的catch回调函数

then和catch改变状态

then正常情况下会返回resolved,报错则返回rejected

catch正常情况下会返回resolved,报错则返回rejected

测试题

//第一题(结果会打印出来1,3,返回resolved状态)
Promise.resolve().then(()=>{
    console.log(1) //1  resolved
}).catch(()=>{
    console.log(2)
}).then(()=>{
    console.log(3) // 3 resolved
})
//第二题(结果会打印出来1,2,3)
Promise.resolve().then(()=>{
    console.log(1) //1 
    throw  new Error("error1") //rejected
}).catch(()=>{
    console.log(2) //2 resolved
}).then(()=>{
    console.log(3) //3 resolved
})
//第三题(结果会打印出来1,2)
Promise.resolve.then(()=>{
    console.log(1) //1
    throw new Error("error1") //rejected
}).catch(()=>{
    console.log(2) //2 resolved
}).catch(()=>{
   console.log(3)})

21.png

【相关推荐:javascript视频教程、web前端】

以上就是es6中promise对象的状态有哪些的详细内容,更多请关注zzsucai.com其它相关文章!

 标签:
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!