es6中promise对象的状态有哪些

169 阅读 0 评论 112 点赞

我是靠谱客的博主震动早晨，这篇文章主要介绍es6中promise对象的状态有哪些，现在分享给大家，希望可以做个参考。

本教程操作环境：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)})1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
//第一题（结果会打印出来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)})
登录后复制