※ 認識非同步概念(三)

更新於 發佈於 閱讀時間約 2 分鐘

什麼是 Promise.all?

在有多個 Promise 的時候,使用 Promise.all 可以確保「所有的 Promise 都執行完以後,才進入 then」。

Promise.all 語法結構

Promise.all 接受的參數是陣列形式。

raw-image

什麼時候要使用 Promise.all?

當程式需要處理多個 Promise 要執行時,而這些 Promise 之間沒有明確的先後順序,但一定需要「全都執行完」,才能進入後續流程,此時,你就可以考慮使用 Promise.all。

Promise.all範例:

const oneSecond = new Promise((resolve, reject) => {
setTimeout (() => {
//一秒後回傳資料
resolve('one second')
}, 1000)
})
const towSecond = new Promise ((resolve, reject) => {
//兩秒回傳資料
resolve('tow Second')
}, 2000)
const threeSecond = new Promise ((resolve, reject) => {
//三秒回傳資料
resolve('three Second')
}, 2000)
//等到三個Promise都成功回傳後,才執行接下去的流程
Promise.all([oneSecond, towSecond, threeSecond ])
.then(([oneSecond, towSecond, threeSecond ]) => {
console.log(oneSecond, towSecond, threeSecond)
})//輸出結果"one second","tow Second","three Second"
留言
avatar-img
留言分享你的想法!
avatar-img
奧莉薇走在成為後端工程師之路上
18會員
138內容數
全端網頁開發專業知識分享
2025/04/26
※ 場景: 即時聊天應用: 設計一個支持多房間功能的即時聊天平台,像 WhatsApp、LINE或Facebook Messenger,提供文字、語音、視訊聊天功能,方便管理群組聊天。 功能亮點:加入特別功能,例如可加入多房間功能、使用者名單、表情符號支持、文件分享或訊息已讀未讀狀態。 展示
2025/04/26
※ 場景: 即時聊天應用: 設計一個支持多房間功能的即時聊天平台,像 WhatsApp、LINE或Facebook Messenger,提供文字、語音、視訊聊天功能,方便管理群組聊天。 功能亮點:加入特別功能,例如可加入多房間功能、使用者名單、表情符號支持、文件分享或訊息已讀未讀狀態。 展示
2025/04/26
※ 先建立基本的express後端服務: 1.建立新資料夾:Socket mkdir socket 2.進入資料夾:Socket cd ​bsocket 3. 安裝 Experss 到專案中 npm init -y //初始化專案,建立 package.json 檔 npm insta
Thumbnail
2025/04/26
※ 先建立基本的express後端服務: 1.建立新資料夾:Socket mkdir socket 2.進入資料夾:Socket cd ​bsocket 3. 安裝 Experss 到專案中 npm init -y //初始化專案,建立 package.json 檔 npm insta
Thumbnail
2025/04/10
※ 什麼是 Socket.io:一個基於傳統 WebSocket API 之上的框架。 ※ Socket.io常用功能: Custom Events:在 Socket.io 中,開發者可以創建自己的事件來處理特定的功能或需求。 Rooms:分組的功能。每個連接的用戶(或稱為 socket)可
Thumbnail
2025/04/10
※ 什麼是 Socket.io:一個基於傳統 WebSocket API 之上的框架。 ※ Socket.io常用功能: Custom Events:在 Socket.io 中,開發者可以創建自己的事件來處理特定的功能或需求。 Rooms:分組的功能。每個連接的用戶(或稱為 socket)可
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
人這輩子總是在等, 等將來 等不忙 等下次 等有時間 等有條件 等有錢了 可是後來 等沒了選擇 等來了遺憾 您,還等啥? 輕輕說聲 早安,別等了!
Thumbnail
人這輩子總是在等, 等將來 等不忙 等下次 等有時間 等有條件 等有錢了 可是後來 等沒了選擇 等來了遺憾 您,還等啥? 輕輕說聲 早安,別等了!
Thumbnail
在網路速度有限的情況下,依序記錄不斷產生的資訊,能統計使用者在頁面上操作了哪些功能。
Thumbnail
在網路速度有限的情況下,依序記錄不斷產生的資訊,能統計使用者在頁面上操作了哪些功能。
Thumbnail
分享一個有趣的套件,名為 await-to-js。 可以讓 Promise 與 await 的寫法更簡潔。
Thumbnail
分享一個有趣的套件,名為 await-to-js。 可以讓 Promise 與 await 的寫法更簡潔。
Thumbnail
簡要說明 JavaScript 的 Event Loop JavaScript 是單執行緒 (single-threaded) 語言,這意味著它一次只能執行一件事,因此所有函式都需要排隊等待執行,這被稱為同步 (synchronous)。在同步操作中,若函式過多或過於複雜,會導致程式阻塞 (blo
Thumbnail
簡要說明 JavaScript 的 Event Loop JavaScript 是單執行緒 (single-threaded) 語言,這意味著它一次只能執行一件事,因此所有函式都需要排隊等待執行,這被稱為同步 (synchronous)。在同步操作中,若函式過多或過於複雜,會導致程式阻塞 (blo
Thumbnail
不必急著給出答案 時間可以證明一切
Thumbnail
不必急著給出答案 時間可以證明一切
Thumbnail
人們在言行一致性方面的心理現象,以及這種一致性對行為的影響。強調了人們對於一致性的渴望,以及在面對承諾時,可能會因為想要保持一致而做出不理智的行為。引用研究和專家觀點,提出了策略來應對這種心理現象,例如利用承諾來促使行為一致。總的來說,提醒我們要意識到言行一致性的影響,並在做出承諾前仔細考慮。
Thumbnail
人們在言行一致性方面的心理現象,以及這種一致性對行為的影響。強調了人們對於一致性的渴望,以及在面對承諾時,可能會因為想要保持一致而做出不理智的行為。引用研究和專家觀點,提出了策略來應對這種心理現象,例如利用承諾來促使行為一致。總的來說,提醒我們要意識到言行一致性的影響,並在做出承諾前仔細考慮。
Thumbnail
語言是一個偉大的存在 幫助我們學習認知和溝通 但這些都不是我們要談的重點 重點是~~ 有時候我們會遇到一種情況 我們在某些時候跟人約定 也許是承諾以後不會做怎樣的事 也許是承諾以後都會做某些事 承諾本質帶給人安心 說到做到給人踏實的感覺 這樣很棒!! 但如果以上做的這些
Thumbnail
語言是一個偉大的存在 幫助我們學習認知和溝通 但這些都不是我們要談的重點 重點是~~ 有時候我們會遇到一種情況 我們在某些時候跟人約定 也許是承諾以後不會做怎樣的事 也許是承諾以後都會做某些事 承諾本質帶給人安心 說到做到給人踏實的感覺 這樣很棒!! 但如果以上做的這些
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News