簡介?

new Promise(function(resolve,reject){});

狀態

• pending: 初始狀態，成功或失敗狀態。
• fulfilled: 意味著操作成功完成。對應resolve
• rejected: 意味著操作失敗。對應reject

resolve:使用resolve? 狀態變為fulfilled會調用第一個函數

var?p =?new?Promise(function?(resolve, reject) {var?timer = setTimeout(function?() {console.log('執行操作1');resolve('這是數據1');}, 1000);}); p.then(function?(data) {console.log(data);console.log('這是成功操作'); });//執行操作1 //VM36:8 這是數據1 //VM36:9 這是成功操作

reject:使用reject? 會調用第二個的then

var?p =?new?Promise(function?(resolve, reject) {reject('這是數據2');????? });p.then(function(data){//狀態為fulfilled時執行console.log(data);console.log('這是成功操作');},function(reason){?//狀態為rejected時執行console.log(reason);console.log('這是失敗的操作'); });//這是數據2 //VM42:10 這是失敗的操作

catch：catch與reject一樣

var?p =?new?Promise(function?(resolve, reject) {reject('這是數據2');}); p.then(function(data){console.log(data);console.log('這是成功操作'); }).catch(function(reason){console.log(reason);console.log('這是失敗的操作'); });//VM48:8 這是數據2 //VM48:9 這是失敗的操作

目的：解決回調地獄

普通寫法

setTimeout(function?() {console.log('我');setTimeout(function?() {console.log('愛');setTimeout(function?() {console.log('米');setTimeout(function?() {console.log('飯');}, 1000);}, 1000);}, 1000); }, 1000); //3 //VM54:2 我 //VM54:4 愛 //VM54:6 米 //VM54:8 飯

promise寫法

function?getStr1() {return?new?Promise(function?(resolve, reject) {setTimeout(function?() {resolve('我');}, 1000);}); } function?getStr2() {return?new?Promise(function?(resolve, reject) {setTimeout(function?() {resolve('愛');}, 1000);}); } function?getStr3() {return?new?Promise(function?(resolve, reject) {setTimeout(function?() {resolve('米');}, 1000);}); } function?getStr4() {return?new?Promise(function?(resolve, reject) {setTimeout(function?() {resolve('飯');}, 1000);}); } getStr1().then(function?(data) {console.log(data);return?getStr2(); }).then(function?(data) {console.log(data);return?getStr3(); }).then(function?(data) {console.log(data);return?getStr4(); }).then(function?(data) {console.log(data); }) //Promise?{<pending>} //VM59:30 我 //VM59:33 愛 //VM59:36 米 //VM59:39 飯

?

總結

以上是生活随笔為你收集整理的promise存在的意义分析resolve reject catch的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。