例えば、クリックイベントがshadow DOMの <user-card> コンポーネント内で発生したとします。しかしメインドキュメント内のスクリプトはshadow DOM内部については何も知りません。特にコンポーネントがサードパーティライブラリから来たものである場合はなおさらです。

イベントループ (event loop): microtask と macrotask ブラウザの JavaScript 実行フローは、Node.js 同様 event loop に基づいています。 event loop の動作を理解することは最適化のためには重要であり、適切なアーキテクチャにとっても重要である場合があります。