所属分类:web前端开发
状态:1、pending进行中的状态,该状态进行初始化,在过程中还没有结果;2、fulfilled成功状态,resolved状态会触发后续的then回调函数;3、rejected失败状态,rejected状态会触发后续的catch回调函数。
本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。
三种状态
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)})
【相关推荐:javascript视频教程、web前端】
以上就是es6中promise对象的状态有哪些的详细内容,更多请关注zzsucai.com其它相关文章!