📝 JavaScriptがブラウザでどのように動くのか | メルカリエンジニアリング
🔖 175 ブックマーク
💬 https://b.hatena.ne.jp/entry/s/engineering.mercari.com/blog/entry/20220128-3a0922eaa4/
🔗 https://engineering.mercari.com/blog/entry/20220128-3a0922eaa4/
🔖 175 ブックマーク
💬 https://b.hatena.ne.jp/entry/s/engineering.mercari.com/blog/entry/20220128-3a0922eaa4/
🔗 https://engineering.mercari.com/blog/entry/20220128-3a0922eaa4/
Comments
この記事では、JavaScriptがブラウザでどのように処理されるかについて詳しく説明しています。著者はメルペイのフロントエンドチームの一員で、パフォーマンス改善の取り組みの一環として、JavaScriptの実行環境を調査しました。JavaScriptの実行環境は、JavaScriptエンジン、イベントループ、Web APIs、コールバックキューの4つの主要なコンポーネントから成り立っています。
処理の流れは、JavaScriptコードがコールスタックで実行され、非同期関数が呼び出されるとコールバック関数がWeb APIsに送られ、 (1/2)
また、メモリ管理についても触れ、スタック領域とヒープ領域の違いや、コールスタックの動作、Web APIsの役割、コールバックキューの仕組みについて詳しく解説しています。最終的に、JavaScriptの処理サイクルを可視化するツールも紹介され、パフォーマンス改善のための知見が得られることを目指しています。 (2/2)