iT邦幫忙

2023 iThome 鐵人賽

DAY 23
0
Modern Web

前輩說Laravel不難,好啊那就1人前後端試試看啊系列 第 23

JS別浪費時間在async await !用Promise.all,allSettled-Day22

  • 分享至 

  • xImage
  •  

剛當上工程師犯過的一個錯誤

就是在呼叫沒有前後關係的api時,不小心一直用到async await
使得浪費了很多時間在等待前一支api呼叫結束
其實我們可以使用Promise.all一次呼叫
打開console 看network就能看到一次呼叫好幾支api
而promise all有一個缺點,就是如果其中一支api呼叫失敗了,
全部都會被取消
這時我們可以改成使用promise.allSettled
印出拒絕或是完成的結果

更詳細請參考:
JavaScript 如何讓多個 async/await 函式同時執行 ── 從實際案例了解 Promise.all 和 Promise.allSettled 的區別

MDN:Promise.allSettled

今天依舊在醫院用手機和腦袋的記憶來擋一下,一切請見諒~


上一篇
Chrome換頁動畫-Day21
下一篇
CSS複習:你真的理解box model 嗎-Day23
系列文
前輩說Laravel不難,好啊那就1人前後端試試看啊31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言