JavaScript で Promise を使用するときにネットワーク障害を適切に処理するにはどうすればよいですか?

Promise Waiting によるネットワーク障害の処理

JavaScript では、Promise.all() は複数の非同期操作を管理するための強力なツールです。ただし、一部の Promise が拒否されたとしても、すべての Promise を完了させたい場合には、これは適切ではない可能性があります。

このシナリオに対処するには、Promise を履行または拒否されたオブジェクトに変換するカスタムの「Promise Reflect」関数を実装できます。 status:

const reflect = p => p.then(v => ({ v, status: "fulfilled" }), e => ({ e, status: "rejected" }));

このリフレクト関数を使用すると、元の Promise の配列をリフレクトされた Promise の配列にマッピングできます。 promies:

var arr = [ fetch('index.html'), fetch('http://does-not-exist') ]
var reflectedPromises = arr.map(reflect);

最後に、Promise.all() を使用して、反映されたすべての Promise が完了するまで待機できます:

Promise.all(reflectedPromises).then(results => {
    var success = results.filter(x => x.status === "fulfilled");
});

このアプローチにより、ネットワーク障害を適切に処理して続行できます。すべてのリクエストが完了した後にのみ。解決された値とエラーには、成功配列と結果配列からそれぞれアクセスできます。

代わりに、ネイティブの Promise.allSettled() メソッドを使用できるようになりました。

Promise.allSettled([promise]).then(([result]) => {
    console.log(result);  // Handles both fulfilled and rejected promises
});

以上がJavaScript で Promise を使用するときにネットワーク障害を適切に処理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。