ブラウザの JavaScript 実行フローは、Node.js 同様 event loop に基づいています。 event loop の動作を理解することは最適化のためには重要であり、適切なアーキテクチャにとっても重要である場合があります。 このチャプターでは、最初にそれがどのように動作するかについて理論的な詳細を説明し、次にその知識の実践的な使用例を見ていきます。 Event Loopevent loop のコンセプトは非常にシンプルです。無限ループで JavaScript エンジンはタスクを待機し、それらを実行し、また次のタスクを待機します。 エンジンの一般的なアルゴリズムは次の通りです: タスクがある間: 最も古いタスクから開始し、それらを実行します。 タスクが現れるまでスリープし、現れると 1. に進みます。 これは、ページを閲覧するときに見られることの形式化です。JavaScri
![イベントループ(event loop): microtask と macrotask](https://cdn-ak-scissors.b.st-hatena.com/image/square/f83c2c0fb97ea2074ea39f0003a1018bd0efe0bf/height=288;version=1;width=512/https%3A%2F%2Fja.javascript.info%2Fimg%2Fsite_preview_en_1200x630.png)