JavaScript の Promise.any() と async-await について説明しますか?

このチュートリアルでは、Promise の any() メソッドについて学習します。 JavaScript では、Promise を使用して非同期リクエストを処理できます。アプリケーションに非同期コードを記述してデータを取得すると、データが他のコードを実行するのを待つ必要がなくなるため、処理が高速化します。

Promise.any() メソッド

any() メソッドの名前が示すように、このメソッドは満たされたすべての Promise を実行します。したがって、最初に解決された Promise は Promise.any() メソッドによって実行されますが、他の Promise は実行される場合と実行されない場合があります。さらに、拒否された Promise は Promise.any() メソッドによって実行されません。

構文

ユーザーは、次の構文に従ってpromise.any()メソッドを使用できます。

リーリー

上記の構文では、「then」ブロック内の任意の Promise によって返された結果を処理できます。

パラメータ

• Array_of_promise – 複数の Promise が含まれており、すぐに解決できるものは any() メソッドによって実行されます。

Promise.any() と非同期 await

JavaScript の async および await キーワードは、非同期コードを処理するために使用されます。 async は関数定義の前に使用され、関数が非同期であり、Promise を返すことを示します。 wait は、指定された Promise が満たされるまで実行を一時停止するために、非同期関数内で使用されます。

＃＃＃文法＃＃＃

次に、JavaScript で Promise.any() メソッドと async-await を使用するための構文を示します。 リーリー

ここで、

promise1

、promise2 などは、待ちたい Promise です。 Promise.any メソッドは、解決される最初の入力 Promise の値を使用して解決された Promise を返します。すべての入力 Promise が拒否された場合は、拒否されたすべての入力 Promise の配列を返します。 例 1

次の例では、Promise() コンストラクターを使用してさまざまな Promise を作成します。 Promise_2 を拒否して他の Promise を解決し、2 ミリ秒後に Promise_3 を解決します。したがって、promise_1 が最初に正常に実行されます。

出力では、any() メソッドがpromise_1 の結果を出力していることがわかります。これは、promise_1 が早期に解決されるためです。

リーリー

例 2

次の例では、非同期関数 getData() を作成します。ここでは、 fetch() メソッドを使用して、複数の Promise 配列と Promise を作成します。

リアルタイム API からデータを取得しています。リクエスト配列には 3 つの Promise が含まれていますが、出力では、結果が反復可能なオブジェクトではなく、以前に解決された Promise の応答のみが含まれていることがわかります。

リーリー

この例では、getData 関数は Promise.any() を使用して、実装される 3 つのフェッチ Promise のうちの最初のフェッチによって実装される Promise を作成します。次に、関数は await キーワードを使用して Promise が履行されるのを待ち、応答テキストをログに記録します。 Promise が拒否された場合は、catch ブロックが実行され、エラーがコンソールに記録されます。

Promise.any() を async および wait とともに使用すると、複数の Promise を簡潔で読みやすい方法で処理できる便利な方法になります。これにより、一連の Promise を指定し、最初に満たされた Promise を処理し、他の Promise を無視することができます。

このチュートリアルでは、any() Promise メソッドの使用方法を学びました。 any() メソッドを使用する目的は、解決された Promise 内の唯一のメソッドを実行することです。

以上がJavaScript の Promise.any() と async-await について説明しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。