JavaScript の非同期関数の外で await を使用するにはどうすればよいですか?

JavaScript では、関数を非同期にするために async-await キーワードが使用されます。関数を非同期にすると、マルチスレッドのように動作し、コードが並行して実行されるため、アプリケーションのパフォーマンスが向上します。

ここでは、非同期関数の外で await キーワードを使用する方法を学習します。

関数をすぐに呼び出す

このメソッドの式を使用して、関数をすぐに呼び出します。 await キーワードを関数内で Promise またはその他の関数とともに使用できます。

＃＃＃文法＃＃＃

ユーザーは、関数式を使用して、次の構文に従って関数をすぐに呼び出すことができます。

リーリー

上記の構文では関数を作成していませんが、中括弧内に async キーワードと await キーワードを使用してアロー関数構文を記述しています。

例 1

以下の例では、関数を定義した直後に関数を呼び出します。式内でアロー関数を定義します。アロー関数のコード ブロックでは、await キーワードと axios を使用して API からデータを取得しました。

axios を使用するための CDN を

セクションに追加しました。出力では、ユーザーは API から取得したデータを観察できます。

リーリー

プロミスを使用する

非同期関数の代わりに Promise を使用して、サーバーから応答を受信するまで待機したり、コードの実行を一時停止したりできます。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って JavaScript で Promise を使用できます。

リーリー

上記の構文では、then() ブロックと catch() ブロック、および Promise を使用して応答とエラーを処理します。

例 2

次の例では、例 1 と同じことを行います。例 1 では、async-await 構文と axios を使用してデータを取得します。ここではaxiosのPromiseを利用してデータを取得します。 axios.get() メソッドは Promise を返します。これは then() ブロックと catch() ブロックを使用して解決します。

リーリー

例 3

この例では、new キーワードを指定した Promise() コンストラクターを使用して Promise を作成します。私たちはこの約束を拒否します。

その後、then() ブロックと catch() ブロック、および SamplePromise Promise 変数を使用して、Promise からの応答またはエラーを取得します。エラーが拒否されたため、ユーザーは出力内の catch() ブロックに制御が移ることを確認できます。

リーリー

このチュートリアルでは、非同期関数の外で await キーワードを使用する方法をユーザーに説明します。さらに、Promise を使用する代わりに async-await キーワードを使用する方法についても説明しました。

以上がJavaScript の非同期関数の外で await を使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。