JavaScript についての深い理解Promise.all()

Promise.all() は、複數(shù)の非同期操作を同時に処理するための JavaScript の強力なメソッドです。複數(shù)の Promise を含む反復(fù)可能なオブジェクト (通常は配列) を受け取り、単一の Promise を返します。この単一の Promise は、すべての入力 Promise が正常に解決された場合にのみ解決されます。いずれかの Promise が拒否された場合、その単一の Promise は直ちに拒否されます。このガイドでは、Promise.all() の機能、構(gòu)文、動作、および実踐的な例について説明します。

文法

Promise.all() の構(gòu)文は簡単です:

Promise.all(iterable);

• iterable: Promise または値を含む配列またはその他の反復(fù)可能なオブジェクト。非 Promise 値は解決された Promise として扱われます。

戻り値

このメソッドは、次の動作を持つ Promise を返します:

• iterable が空の場合、空の配列としてすぐに解析されます。
• 反復(fù)可能內(nèi)のすべての Promise が成功した場合は、元の順序を維持したまま、成功した値を含む配列に解決されます。
• いずれかの Promise が拒否された場合、それは直ちに拒否され、最初に拒否された Promise の理由が返され、他のすべての Promise の結(jié)果は無視されます。

成功と失敗

1. 成功: すべての Promise が正常に解決されると、Promise.all() は入力 Promise と同じ順序で結(jié)果の配列を返します。
2. 失敗: いずれかの Promise が拒否された場合、Promise.all() は直ちに拒否され、Promise の拒否理由が返されます。

実踐例

例 1: 基本的な使用法

この例では、異なるタイムアウト後に解決される 3 つの Promise を作成します。

const promise1 = new Promise((resolve) => setTimeout(() => resolve('One'), 1000));
const promise2 = new Promise((resolve) => setTimeout(() => resolve('Two'), 2000));
const promise3 = new Promise((resolve) => setTimeout(() => resolve('Three'), 3000));

Promise.all([promise1, promise2, promise3])
  .then(values => console.log(values)) // 輸出: ['One', 'Two', 'Three']
  .catch(error => console.error(error));

ここで、Promise.all() は 3 つの Promise がすべて解決されるのを待ち、その結(jié)果を配列としてコンソールに記録します。

例 2: 混合値の処理

解決された値と Promise を混合することもできます:

const p1 = Promise.resolve(42);
const p2 = Promise.resolve('Hello');
const p3 = new Promise((resolve) => setTimeout(() => resolve('World'), 1000));

Promise.all([p1, p2, p3])
  .then(values => console.log(values)) // 輸出: [42, 'Hello', 'World']
  .catch(error => console.error(error));

この場合、p1 と p2 はすぐに解決され、p3 は 1 秒後に解決されます。

例 3: 障害の処理

Promise の 1 つが拒否された場合、Promise.all() は直ちに拒否されます:

const p1 = Promise.resolve(42);
const p2 = Promise.reject(new Error('Failed!'));
const p3 = new Promise((resolve) => setTimeout(() => resolve('This will not run'), 1000));

Promise.all([p1, p2, p3])
  .then(values => console.log(values))
  .catch(error => console.error(error.message)); // 輸出: 'Failed!'

ここでは、p2 が拒否されたため、操作全體が失敗し、エラー メッセージが記録されます。

Promise.all()

• 複數(shù)のリソースを取得: 複數(shù)の API から同時にデータを取得し、すべての応答を処理する前に待機する必要がある場合。
• 並列処理: 複數(shù)の獨立したタスクが同時に実行され、その結(jié)果を結(jié)合する必要がある場合。
• バッチ操作: 各操作を個別に完了できるバッチ更新または計算を?qū)g行する場合。

結(jié)論

Promise.all() は、JavaScript で複數(shù)の非同期操作を管理するために不可欠なツールです。これにより、開発者は複數(shù)の Promise が解決されるのを待ってから他のロジックを続行できるようになり、コードが簡素化されます。ただし、1 つの Promise が失敗すると操作全體が失敗するため、失敗を正しく処理することが重要です。 Promise.all() を効果的に使用する方法を理解すると、よりクリーンで効率的な非同期コードを作成できるようになります。

參考文獻: [1] http://www.miracleart.cn/link/ebd58b8a3f1d72f4206201da62fb1204 [2] http://www.miracleart.cn/link/9181a74736d3b86345dadbc90e29390e [3] http://www.miracleart.cn/link/2a3e953a5e3d81e67945bce5519f84c8 [4]http://www.miracleart.cn/link/4c0303ffb193bd5e66078909a15268aa [5] http://www.miracleart.cn/link/9c25dc28b94e5226f1983330dc421cec [6] http://www.miracleart.cn/link/b2f1384b8feb04d2de9a85124dc64613 [7] http://www.miracleart.cn/link/f1e1fd9e97f59379ed79bdf258d55042 [8] http://www.miracleart.cn/link/9a5859b8f76280c97c0c185a19d17014 [9] http://www.miracleart.cn/link/d3f010d6bc392b904f63ce5792891b71 [10] http://www.miracleart.cn/link/4d419d5b4274ea8faaf4f37410b97bd6

以上がPromise.all()の詳細內(nèi)容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。