es6中promise物件的狀態有哪些-js教程-PHP中文網

es6中promise物件的狀態有哪些

WBOY

發布： 2022-03-31 18:38:33

原創

4421 人瀏覽過

狀態：1、pending進行中的狀態，該狀態進行初始化，在過程中還沒有結果；2、fulfilled成功狀態，resolved狀態會觸發後續的then回呼函數；3、rejected失敗狀態， rejected狀態會觸發後續的catch回呼函數。

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)})

登入後複製

es6中promise物件的狀態有哪些