国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ES6 Promise——then與catch的返回值實踐

omgdog / 1907人閱讀

摘要:值的情況返回的會成為狀態。再次重復這一句話為的語法糖,它是的別名。也就是說,也是,它用于捕獲錯誤,它的參數也就是是的第二個參數。所以,假設中如果值的話,新的對象也會是接受狀態。

以下是在學習Promise關于catch與then的疑惑總結

一.catch為then的語法糖

then方法與catch方法均會返回一個Promise對象(對,即使return 為某個值,或者throw error,或者不返回值)
我們來看看MDN的定義,這里可能為了嚴謹而說得有點亂七八糟的

簡單來說,就是分為return 值(無return的情況下即返回undefined,也是返回值)throw errorreturn Promise

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

返回的Promise會成為Fulfilled狀態。
return的值會作為新Promise對象下一個then的回調函數的參數值,貼代碼看例子

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

輸出結果如下:

調用fufill函數return value會傳給下一個回調函數
回到上面的疑問,如果沒有return呢,那么就會返回undefined
(就是函數無return返回的是undefined的情況,基礎要扎實啊啊啊)

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

輸出結果如下:

2.throw error的情況:

返回的Promise會成為Rejected狀態,
下一步執行catch中的回調函數或者then的第二個回調函數參數

這里出現了之前一直搞混的東西。
再次重復這一句話:catch為then的語法糖,它是then(null, rejection)的別名。
也就是說,catch也是then,它用于捕獲錯誤,它的參數也就是是then的第二個參數。
所以,假設catch中如果return 值的話,新的Promise對象也會是接受狀態。
看看例子:

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

結果如下圖:

調用reject函數后,promise變為rejected狀態,故執行第一個catch的回調函數
第一個catch的回調函數return 1,故執行第一個then的回調函數
第一個then的回調函數throw Error,故執行第二個catch的回調函數
第二個catch的回調函數ruturn undefined(如上文所言),故執行第二個then的回調函數

3.return Promise的情況

至于return Promise的情況下,其實同理啦,我只是剛開始接觸Promise語法時感到不是很適應:竟然會自動為你生成Promise對象?!后來看了部分源碼剖析后才大致知道為什么會這樣子,鏈接也放下面吧

鏈接:
MDN:catch:https://developer.mozilla.org...
MDN:then:https://developer.mozilla.org...
Promise實現:https://tech.meituan.com/prom...

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/96006.html

相關文章

  • ES6 Promise:模式反模式

    摘要:盡管可以讓代碼更加簡潔易讀,但對于只熟悉回調函數的人來說,可能對此還是會有所懷疑。始終避免在或使用回調函數,否則會吞噬任何后續的錯誤,將其作為鏈的一部分。然而,使用回調函數,使用所謂的,即第一個參數是一個錯誤回調變得很常見。 原文:ES6 Promises: Patterns and Anti-Patterns作者:Bobby Brennan 當幾年前,第一次使用 NodeJS 的時候...

    djfml 評論0 收藏0
  • es6 - Promise

    摘要:所謂異步編程中的異步是相對于同步的概念的。是一系列異步編程規范的統稱。如果中的回調函數返回一個值,那么返回的將會成為接受狀態,并且將返回的值作為接受狀態的回調函數的參數值。參考介紹基礎篇深入理解與異步編程。 es6 promise與異步編程 對于一些還不具備大量編程經驗的朋友來說,promise可能是es6比較難以掌握的點。首先是很多名詞,比如Promises,es6 Promise,...

    wemallshop 評論0 收藏0
  • JavaScript工作原理(四):事件循環,異步編程興起以及5招async/await實踐

    摘要:事件循環從回調隊列中獲取并將其推送到調用堆棧。如何工作請注意,不會自動將您的回調函數放到事件循環隊列中。它設置了一個計時器,當計時器到期時,環境將您的回調函數放入事件循環中,以便將來的某個事件會將其選中并執行它。 我們將通過回顧第一篇文章中單線程編程的缺點,然后在討論如何克服它們來構建令人驚嘆的JavaScript UI。在文章結尾處,我們將分享5個關于如何使用async / awai...

    piglei 評論0 收藏0
  • 【個人向整理】Promise

    摘要:方法而對象本身,有一些方法查看的原型,發現它內置有幾個方法參數處理成功的函數,處理錯誤的函數返回值返回一個對象,所以可以鏈式調用。參數返回值的參數應該是函數,傳入非函數則會發生值穿透。 前言 網上關于Promise的文章確實是非常多了,但是自己實踐的并不多,這里是針對自己的一個知識點小結和梳理,當然啦如果有錯誤歡迎提出^_^。 初定義 定義:Promise對象用于一個異步操作的最終完成...

    2bdenny 評論0 收藏0
  • 這次聊聊Promise對象

    摘要:異步模式編程有四種方法回調函數最基本的方法,把寫成的回調函數事件監聽為綁定事件,當發生某個事件,就執行發布訂閱,以及本文要介紹的對象。它的思想是,每一個異步任務返回一個對象,該對象有一個方法,允許指定回調函數。 歡迎大家前往騰訊云+社區,獲取更多騰訊海量技術實踐干貨哦~ 本文由前端林子發表于云+社區專欄 Promise是CommonJS提出的一種規范,在ES6中已經原生支持Promi...

    Eminjannn 評論0 收藏0

發表評論

0條評論

omgdog

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<