TL; DR
Promise.all
並列関数呼び出しに使用します。エラーが発生した場合の応答動作は正しくありません。
まず、すべての非同期呼び出しを一度に実行し、すべてのPromise
オブジェクトを取得します。次に、オブジェクトに使用await
しPromise
ます。このように、最初のPromise
解決を待つ間、他の非同期呼び出しはまだ進行中です。全体として、最も遅い非同期呼び出しの間だけ待つことになります。例えば:
// Begin first call and store promise without waiting
const someResult = someCall();
// Begin second call and store promise without waiting
const anotherResult = anotherCall();
// Now we await for both results, whose async processes have already been started
const finalResult = [await someResult, await anotherResult];
// At this point all calls have been resolved
// Now when accessing someResult| anotherResult,
// you will have a value instead of a promise
JSbinの例:http ://jsbin.com/xerifanima/edit?js,console
警告:await
最初のawait
呼び出しがすべての非同期呼び出しの後に行われる限り、呼び出しが同じ行にあるか別の行にあるかは問題ではありません。JohnnyHKのコメントを参照してください。
更新:この回答では、@ bergiの回答に従ってエラー処理のタイミングが異なります。エラーが発生しても、すべてのpromiseが実行された後、エラーはスローされません。結果を@jonnyのヒントと比較します。[result1, result2] = Promise.all([async1(), async2()])
次のコードスニペットを確認してください
const correctAsync500ms = () => {
return new Promise(resolve => {
setTimeout(resolve, 500, 'correct500msResult');
});
};
const correctAsync100ms = () => {
return new Promise(resolve => {
setTimeout(resolve, 100, 'correct100msResult');
});
};
const rejectAsync100ms = () => {
return new Promise((resolve, reject) => {
setTimeout(reject, 100, 'reject100msError');
});
};
const asyncInArray = async (fun1, fun2) => {
const label = 'test async functions in array';
try {
console.time(label);
const p1 = fun1();
const p2 = fun2();
const result = [await p1, await p2];
console.timeEnd(label);
} catch (e) {
console.error('error is', e);
console.timeEnd(label);
}
};
const asyncInPromiseAll = async (fun1, fun2) => {
const label = 'test async functions with Promise.all';
try {
console.time(label);
let [value1, value2] = await Promise.all([fun1(), fun2()]);
console.timeEnd(label);
} catch (e) {
console.error('error is', e);
console.timeEnd(label);
}
};
(async () => {
console.group('async functions without error');
console.log('async functions without error: start')
await asyncInArray(correctAsync500ms, correctAsync100ms);
await asyncInPromiseAll(correctAsync500ms, correctAsync100ms);
console.groupEnd();
console.group('async functions with error');
console.log('async functions with error: start')
await asyncInArray(correctAsync500ms, rejectAsync100ms);
await asyncInPromiseAll(correctAsync500ms, rejectAsync100ms);
console.groupEnd();
})();