這篇“怎么構(gòu)造JavaScript Promise”文章的知識(shí)點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價(jià)值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來(lái)看看這篇“怎么構(gòu)造JavaScript Promise”文章吧。
讓客戶(hù)滿(mǎn)意是我們工作的目標(biāo),不斷超越客戶(hù)的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶(hù),將通過(guò)不懈努力成為客戶(hù)在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴,公司提供的服務(wù)項(xiàng)目有:空間域名、網(wǎng)站空間、營(yíng)銷(xiāo)軟件、網(wǎng)站建設(shè)、伊川網(wǎng)站維護(hù)、網(wǎng)站推廣。
Promise 是一個(gè) ECMAScript 6 提供的類(lèi),目的是更加優(yōu)雅地書(shū)寫(xiě)復(fù)雜的異步任務(wù)。
由于 Promise 是 ES6 新增加的,所以一些舊的瀏覽器并不支持,蘋(píng)果的 Safari 10 和 Windows 的 Edge 14 版本以上瀏覽器才開(kāi)始支持 ES6 特性。
構(gòu)造 Promise
現(xiàn)在我們新建一個(gè) Promise 對(duì)象:
new Promise(function (resolve, reject) {
// 要做的事情...
});
通過(guò)新建一個(gè) Promise 對(duì)象好像并沒(méi)有看出它怎樣 "更加優(yōu)雅地書(shū)寫(xiě)復(fù)雜的異步任務(wù)"。我們之前遇到的異步任務(wù)都是一次異步,如果需要多次調(diào)用異步函數(shù)呢?例如,如果我想分三次輸出字符串,第一次間隔 1 秒,第二次間隔 4 秒,第三次間隔 3 秒:
實(shí)例
setTimeout(function () {
console.log("First");
setTimeout(function () {
console.log("Second");
setTimeout(function () {
console.log("Third");
}, 3000);
}, 4000);
}, 1000);
這段程序?qū)崿F(xiàn)了這個(gè)功能,但是它是用 "函數(shù)瀑布" 來(lái)實(shí)現(xiàn)的。可想而知,在一個(gè)復(fù)雜的程序當(dāng)中,用 "函數(shù)瀑布" 實(shí)現(xiàn)的程序無(wú)論是維護(hù)還是異常處理都是一件特別繁瑣的事情,而且會(huì)讓縮進(jìn)格式變得非常冗贅。
現(xiàn)在我們用 Promise 來(lái)實(shí)現(xiàn)同樣的功能:
實(shí)例
new Promise(function (resolve, reject) {
setTimeout(function () {
console.log("First");
resolve();
}, 1000);
}).then(function () {
return new Promise(function (resolve, reject) {
setTimeout(function () {
console.log("Second");
resolve();
}, 4000);
});
}).then(function () {
setTimeout(function () {
console.log("Third");
}, 3000);
});
這段代碼較長(zhǎng),所以還不需要完全理解它,我想引起注意的是 Promise 將嵌套格式的代碼變成了順序格式的代碼。
以上就是關(guān)于“怎么構(gòu)造JavaScript Promise”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對(duì)大家有幫助,若想了解更多相關(guān)的知識(shí)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。