TypeScriptで非同期関数を作成するにはどうすればよいですか?

非同期プログラミングを使用すると、複数のタスクを並行して実行できます。 async/await キーワードを使用して関数を非同期にすることができます。

始める前に、まず非同期プログラミングと関数の要件を理解しましょう。 APIからデータを取得する場合、応答までに時間がかかります。次に、API から取得した結果をアプリケーションで使用する必要があります。

TypeScript や JavaScript などのシングルスレッド プログラミング言語は、コードの実行を決して停止しません。そのため、API からの応答を待つ代わりに、null 値に対していくつかの操作の実行を開始します。

関数を非同期にすると、API から応答を受け取るまで、コードの特定のブロックの実行が一時停止されます。したがって、NULL 値を操作する代わりにデータを操作できます。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って TypeScript で関数を非同期にすることができます。

リーリー

上記の構文では、関数の前に async キーワードを使用して関数を非同期にしています。さらに、 await キーワードを使用して、Promise の応答を取得するまで関数の実行を一時停止します。

つまり、await キーワードは非同期関数の実行を一時停止するだけで、他のコードは実行を継続できます。コミットメントが解決されると、再び実行が開始されます。

ここで、さまざまな例を通して非同期関数の概念を理解しましょう。

＃＃＃例＃＃＃

この例では、async キーワードを使用して非同期テスト関数を作成しました。 test() 関数では、await キーワードを使用して関数を一定期間一時停止します。

出力では、関数内のデータ変数の値を出力する前に、「関数実行後」が出力されていることがわかります。したがって、このことから、 await キーワードが関数の実行を一時停止すると、他のコードの実行が開始され、それによってアプリケーションのパフォーマンスが向上することがわかります。

リーリー

コンパイルすると、次の JavaScript コードが生成されます -

リーリー

出力

上記のコードは次の出力を生成します -

リーリー

例 2

この例では、samplePromise() 関数に Promise が含まれています。 Promise コンストラクターを使用して Promise を作成および解決します。さらに、samplePromise() 関数から Promise を返しました。

executeAsync() 関数は、await キーワードを使用して、samplePromise() 関数を呼び出します。ユーザーは、出力で、await キーワードが Promise が満たされるまで、executeAsync() 関数の実行を一時停止していることを確認できます。

リーリー

コンパイルすると、同じ JavaScript コードが生成されます -

リーリー

出力

次の出力が生成されます –

リーリー

このチュートリアルでは、ユーザーは非同期関数を作成する方法を学びました。さらに、async/await キーワードを使用し、そこからデータを取得するためにコミットする方法を学びました。非同期関数は、シングルスレッド アプリケーションのパフォーマンスを向上させます。

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