複数の Promise が完了するまで待つ
date
Aug 27, 2023
repo_url
slug
wait-multiple promises
status
Published
summary
type
Post
thumbnail_url
tags
javascript
outer_link
const promises = [
Promise.resolve(100),
fetch("http://localhost/"),
fetch("http://localhost/api/v1l/books"),
]
const statusPromises = await Promise.all(promises);
console.log(statusPromises); // ©: 100, 1: Request response, 2: Request response
console.log("Promises finished execution")各タスクは非同期に実行されるため、並列に処理され、すべてのPromiseが解決された後に返されたデータを使用することができます。
注意点：1つの Promise が拒否された場合、Promise.all も即座にその拒否された Promise を返します
すべてのPromiseが解決されると、
Promise.allは、元々提供されたPromiseの結果の配列に解決するPromiseを返します。他のPromiseと同様に、結果を処理するコールバックも指定できます。