成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

ES6 Promise——then與catch的返回值實(shí)踐

omgdog / 1917人閱讀

摘要：值的情況返回的會(huì)成為狀態(tài)。再次重復(fù)這一句話為的語法糖，它是的別名。也就是說，也是，它用于捕獲錯(cuò)誤，它的參數(shù)也就是是的第二個(gè)參數(shù)。所以，假設(shè)中如果值的話，新的對(duì)象也會(huì)是接受狀態(tài)。

以下是在學(xué)習(xí)Promise關(guān)于catch與then的疑惑總結(jié)

一.catch為then的語法糖

故then方法與catch方法均會(huì)返回一個(gè)Promise對(duì)象（對(duì)，即使return 為某個(gè)值，或者throw error，或者不返回值）
我們來看看MDN的定義，這里可能為了嚴(yán)謹(jǐn)而說得有點(diǎn)亂七八糟的

簡(jiǎn)單來說，就是分為return 值（無return的情況下即返回undefined，也是返回值），throw error， return Promise

二.說說return值與throw error的情況。 1.return 值的情況：

返回的Promise會(huì)成為Fulfilled狀態(tài)。
return的值會(huì)作為新Promise對(duì)象下一個(gè)then的回調(diào)函數(shù)的參數(shù)值，貼代碼看例子

var example = new Promise((fulfill, reject)=>{
    let i = 1;
    fulfill(i);
})
example
.then((value)=>{ console.log(value); value++; return value;  })
.then((value) => {console.log(value);                        });

輸出結(jié)果如下：

調(diào)用fufill函數(shù)return value會(huì)傳給下一個(gè)回調(diào)函數(shù)
回到上面的疑問，如果沒有return呢，那么就會(huì)返回undefined
(就是函數(shù)無return返回的是undefined的情況，基礎(chǔ)要扎實(shí)啊啊啊)

var example = new Promise((fulfill, reject)=>{
    let i = 1;
    fulfill(i);
})
example
.then((value)=>{ console.log(value); value++; })
.then((value) => {console.log(value);});

輸出結(jié)果如下：

2.throw error的情況：

返回的Promise會(huì)成為Rejected狀態(tài)，
下一步執(zhí)行catch中的回調(diào)函數(shù)或者then的第二個(gè)回調(diào)函數(shù)參數(shù)

這里出現(xiàn)了之前一直搞混的東西。
再次重復(fù)這一句話：catch為then的語法糖，它是then(null, rejection)的別名。
也就是說，catch也是then，它用于捕獲錯(cuò)誤，它的參數(shù)也就是是then的第二個(gè)參數(shù)。
所以，假設(shè)catch中如果return 值的話，新的Promise對(duì)象也會(huì)是接受狀態(tài)。
看看例子：

var example = new Promise((fulfill, reject)=>{
    let i = 1;
    reject(i);
})
example
.catch(()=>{console.log("我是第一個(gè)catch的回調(diào)函數(shù)"); return 1;})
.then(() =>{console.log("我是第一個(gè)then的回調(diào)函數(shù)");    throw Error    })
.catch(()=>{console.log("我是第二個(gè)catch的回調(diào)函數(shù)")})
.then(() => {console.log("我是第二個(gè)then的回調(diào)函數(shù)")})

結(jié)果如下圖：

調(diào)用reject函數(shù)后，promise變?yōu)閞ejected狀態(tài)，故執(zhí)行第一個(gè)catch的回調(diào)函數(shù)
第一個(gè)catch的回調(diào)函數(shù)return 1，故執(zhí)行第一個(gè)then的回調(diào)函數(shù)
第一個(gè)then的回調(diào)函數(shù)throw Error，故執(zhí)行第二個(gè)catch的回調(diào)函數(shù)
第二個(gè)catch的回調(diào)函數(shù)ruturn undefined（如上文所言），故執(zhí)行第二個(gè)then的回調(diào)函數(shù)

3.return Promise的情況

至于return Promise的情況下，其實(shí)同理啦，我只是剛開始接觸Promise語法時(shí)感到不是很適應(yīng)：竟然會(huì)自動(dòng)為你生成Promise對(duì)象？！后來看了部分源碼剖析后才大致知道為什么會(huì)這樣子，鏈接也放下面吧

鏈接：
MDN：catch：https://developer.mozilla.org...
MDN：then：https://developer.mozilla.org...
Promise實(shí)現(xiàn)：https://tech.meituan.com/prom...

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96006.html

相關(guān)文章

  • ES6 Promise：模式與反模式

    摘要：盡管可以讓代碼更加簡(jiǎn)潔易讀，但對(duì)于只熟悉回調(diào)函數(shù)的人來說，可能對(duì)此還是會(huì)有所懷疑。始終避免在或使用回調(diào)函數(shù)，否則會(huì)吞噬任何后續(xù)的錯(cuò)誤，將其作為鏈的一部分。然而，使用回調(diào)函數(shù)，使用所謂的，即第一個(gè)參數(shù)是一個(gè)錯(cuò)誤回調(diào)變得很常見。 原文：ES6 Promises: Patterns and Anti-Patterns作者：Bobby Brennan 當(dāng)幾年前，第一次使用 NodeJS 的時(shí)候...

    djfml 評(píng)論0 收藏0

  • es6 - Promise

    摘要：所謂異步編程中的異步是相對(duì)于同步的概念的。是一系列異步編程規(guī)范的統(tǒng)稱。如果中的回調(diào)函數(shù)返回一個(gè)值，那么返回的將會(huì)成為接受狀態(tài)，并且將返回的值作為接受狀態(tài)的回調(diào)函數(shù)的參數(shù)值。參考介紹基礎(chǔ)篇深入理解與異步編程。 es6 promise與異步編程 對(duì)于一些還不具備大量編程經(jīng)驗(yàn)的朋友來說，promise可能是es6比較難以掌握的點(diǎn)。首先是很多名詞，比如Promises，es6 Promise,...

    wemallshop 評(píng)論0 收藏0

  • JavaScript工作原理（四）：事件循環(huán)，異步編程的興起以及5招async/await實(shí)踐

    摘要：事件循環(huán)從回調(diào)隊(duì)列中獲取并將其推送到調(diào)用堆棧。如何工作請(qǐng)注意，不會(huì)自動(dòng)將您的回調(diào)函數(shù)放到事件循環(huán)隊(duì)列中。它設(shè)置了一個(gè)計(jì)時(shí)器，當(dāng)計(jì)時(shí)器到期時(shí)，環(huán)境將您的回調(diào)函數(shù)放入事件循環(huán)中，以便將來的某個(gè)事件會(huì)將其選中并執(zhí)行它。 我們將通過回顧第一篇文章中單線程編程的缺點(diǎn)，然后在討論如何克服它們來構(gòu)建令人驚嘆的JavaScript UI。在文章結(jié)尾處，我們將分享5個(gè)關(guān)于如何使用async / awai...

    piglei 評(píng)論0 收藏0

  • 【個(gè)人向整理】Promise

    摘要：方法而對(duì)象本身，有一些方法查看的原型，發(fā)現(xiàn)它內(nèi)置有幾個(gè)方法參數(shù)處理成功的函數(shù)，處理錯(cuò)誤的函數(shù)返回值返回一個(gè)對(duì)象，所以可以鏈?zhǔn)秸{(diào)用。參數(shù)返回值的參數(shù)應(yīng)該是函數(shù)，傳入非函數(shù)則會(huì)發(fā)生值穿透。 前言 網(wǎng)上關(guān)于Promise的文章確實(shí)是非常多了，但是自己實(shí)踐的并不多，這里是針對(duì)自己的一個(gè)知識(shí)點(diǎn)小結(jié)和梳理，當(dāng)然啦如果有錯(cuò)誤歡迎提出^_^。 初定義 定義：Promise對(duì)象用于一個(gè)異步操作的最終完成...

    2bdenny 評(píng)論0 收藏0

  • 這次聊聊Promise對(duì)象

    摘要：異步模式編程有四種方法回調(diào)函數(shù)最基本的方法，把寫成的回調(diào)函數(shù)事件監(jiān)聽為綁定事件，當(dāng)發(fā)生某個(gè)事件，就執(zhí)行發(fā)布訂閱，以及本文要介紹的對(duì)象。它的思想是，每一個(gè)異步任務(wù)返回一個(gè)對(duì)象，該對(duì)象有一個(gè)方法，允許指定回調(diào)函數(shù)。 歡迎大家前往騰訊云+社區(qū)，獲取更多騰訊海量技術(shù)實(shí)踐干貨哦~ 本文由前端林子發(fā)表于云+社區(qū)專欄 Promise是CommonJS提出的一種規(guī)范，在ES6中已經(jīng)原生支持Promi...

    Eminjannn 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<