「setTimeout()」を使用せずに非同期 JavaScript 関数を作成するにはどうすればよいですか?

JavaScript の非同期関数: setTimeout() を使用しない独自の関数の作成

クリック イベントなどの Javascript イベント ハンドラーは、通常、同期方式でコードを実行します。ただし、バックグラウンドでコードを実行できる非同期関数を作成する必要があるシナリオもあります。

非同期の意味を理解するには、提供されているコード サンプルを検討してください。ユーザーが「Link」要素をクリックすると、「Enter」および「Exit」メッセージがコンソールにただちに記録されます。ただし、アニメーション関数の一部である「終了」メッセージは非同期でログに記録されます。

この非同期動作により、アニメーションの実行中に他のコードを実行できます。したがって、技術的には、アニメーションが完了する前に「終了」メッセージが記録されます。

独自の非同期関数を作成したい場合は、JavaScript がこれを行う方法をネイティブに提供していないことに注意することが重要です。代わりに、非同期実行をネイティブにサポートするテクノロジを利用する必要があります。

非同期実行のテクノロジ:

• setInterval
• setTimeout
• requestAnimationFrame
• XMLHttpRequest
• WebSocket
• Worker
• HTML5 API (例: ファイル API、Web データベース API)
• support onload

たとえば、jQuery のアニメーション関数は、非同期実行を実現するために実際に内部で setInterval を使用します。

したがって、これらのテクノロジを利用せずに Javascript で真のカスタム非同期関数を作成することはできませんが、 Javascript とそのライブラリによって提供される利用可能なツールを利用することで、非同期動作を効果的に作成できます。

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