ES6 Promise對(duì)象概念與用法分析
本文實(shí)例講述了ES6 Promise對(duì)象概念與用法。分享給大家供大家參考，具體如下：
1.Promise概念
Promise 對(duì)象有三種狀態(tài)：
① Fulfilled 可以理解為成功的狀態(tài)
② Rejected 可以理解為失敗的狀態(tài)
③ Pending 既不是 Fulfilld 也不是 Rejected 的狀態(tài)，可以理解為 Promise 對(duì)象實(shí)例創(chuàng)建時(shí)候的初始狀態(tài)
2.三個(gè)重要方法
在 Promise 對(duì)象當(dāng)中有三個(gè)重要方法————resolve, reject和then。
resolve 方法可以使 Promise 對(duì)象的狀態(tài)改變成成功，同時(shí)傳遞一個(gè)參數(shù)用于后續(xù)成功后的操作，在這個(gè)例子當(dāng)中就是 Hello World!字符串。
reject 方法則是將 Promise 對(duì)象的狀態(tài)改變?yōu)槭。瑫r(shí)將錯(cuò)誤的信息傳遞到后續(xù)錯(cuò)誤處理的操作。
function printHello (ready) {
return new Promise(function (resolve, reject) {
if (ready) {
resolve("Hello");
} else {
reject("Good bye!");
}
});
}
function printWorld () {
alert("World");
}
function printExclamation () {
alert("!");
}
printHello(true)
.then(function(message){
alert(message);
})
.then(printWorld)
.then(printExclamation); //分別彈出 Hello World ！三個(gè)彈窗
上述例子通過鏈?zhǔn)秸{(diào)用的方式，按順序打印出了相應(yīng)的內(nèi)容。then 可以使用鏈?zhǔn)秸{(diào)用的寫法原因在于，每一次執(zhí)行該方法時(shí)總是會(huì)返回一個(gè) Promise 對(duì)象。另外，在 then onFulfilled 的函數(shù)當(dāng)中的返回值，可以作為后續(xù)操作的參數(shù)，因此上面的例子也可以寫成：
function printHello (ready) {
return new Promise(function (resolve, reject) {
if (ready) {
resolve("Hello");
} else {
reject("Good bye!");
}
});
}
printHello(true).then(function (message) {
return message;
}).then(function (message) {
return message + ' World';
}).then(function (message) {
return message + '!';
}).then(function (message) {
alert(message);
}); //一個(gè)彈窗 Hello World ！
希望本文所述對(duì)大家ECMAScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崙?zhàn)商城系列之淘寶分類入口，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
如何理解JS函數(shù)防抖和函數(shù)節(jié)流
函數(shù)防抖和函數(shù)節(jié)流都是對(duì)函數(shù)進(jìn)行特殊的設(shè)置，減少該函數(shù)在某一時(shí)間段內(nèi)頻繁觸發(fā)帶來的副作用。二者只是采用的設(shè)置方式和原理不一樣，其最終的目的是一樣的。2021-05-05
javascript實(shí)現(xiàn)信息增刪改查的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)信息增刪改查的方法,實(shí)例分析了javascript操作頁面元素實(shí)現(xiàn)針對(duì)頁面信息的增刪改查功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
namespace即“命名空間”，也稱“名稱空間” 、”名字空間”。接下來通過本文給大家介紹JavaScript中命名空間namespace模式的相關(guān)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
本文主要介紹了JS中常用的四個(gè)基礎(chǔ)算法，主要介紹了冒泡排序，選擇排序，插入排序和快速排序這四種算法,需要的朋友可以參考下2023-05-05
淺談bootstrap源碼分析之scrollspy(滾動(dòng)偵聽)
下面小編就為大家?guī)硪黄獪\談bootstrap源碼分析之scrollspy(滾動(dòng)偵聽)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了JavaScript柯里化函數(shù)式編程，JS柯里化是前端面試中最常見的問題之一，它可以讓你的代碼更簡潔，工作更高效，感興趣想要詳細(xì)了解可以參考下文2023-05-05
JS控件的生命周期跟其他平臺(tái)UI的生命周期類似，但是又有自己的特點(diǎn)，我們只有將控件的生命周期劃分清晰，所有的控件編寫、mixins的編寫和plugin的編寫才能遵循控件的生命周期做統(tǒng)一的管理2012-10-10
ES6 javascript中class靜態(tài)方法、屬性與實(shí)例屬性用法示例
這篇文章主要介紹了ES6 javascript中class靜態(tài)方法、屬性與實(shí)例屬性用法,結(jié)合實(shí)例形式分析了ES6中類的靜態(tài)方法、靜態(tài)屬性概念、功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-10-10
javascript檢測瀏覽器精簡版，需要的朋友可以參考下。2010-03-03