JavaScript がどのように機能するかを理解します

この記事は、javascript に関する関連知識を提供します。主に JavaScript の動作原理を紹介します。この記事は、JavaScript について詳しく紹介しており、学習や仕事に役立つ情報を提供します。参考値として、困っている友達はそれを参考にすることができます。

[関連する推奨事項: JavaScript ビデオ チュートリアル、Web フロントエンド]

JavaScript の実行方法を理解する

ブラウザ カーネル

ブラウザ カーネルについて学習したことのある人なら誰でも、異なるブラウザが異なるカーネルで構成されていることを知っています。それでは、どのようなカーネルが存在し、どのカーネルが一般的に使用されているブラウザで使用されているのかを説明します:

• Gecko: 初期の Netscape および Mozilla Firefox ブラウザで使用されていました;
• Trident: Microsoft によって開発されました, IE4 ～ IE11 ブラウザで使用されますが、Edge ブラウザは Blink に切り替わりました;
• Webkit: KHTML に基づいて Apple によって開発されたオープン ソースで、Safari で使用され、以前は Google Chrome も使用されていました;
• Blink : これは、Google によって開発された Webkit のブランチであり、現在 Google Chrome、Edge、Opera などで使用されています;

いわゆるブラウザ カーネルは、ブラウザの植字を指します。エンジン、つまりブラウザエンジンです。エンジンの作業実行プロセスは次のとおりです:

しかし、この実行プロセス中に HTML 解析中に JavaScript タグが検出されます。
は HTML の解析を停止し、JavaScript コードをロードして実行します;

もちろん、ここで停止するのではなく、JavaScript コードを非同期にロードして実行するだけではどうでしょうか?

したがって、ブラウザは、新しい DOM ツリーを頻繁に生成するのではなく、HTML によって解析された DOM と JavaScript 操作後の DOM を組み合わせて最終的な DOM ツリーを生成したいと考えています。 JavaScriptコード?

答え: JavaScript エンジン

JavaScript エンジン

なぜ JavaScript エンジンが必要なのでしょうか?

実際、作成した JavaScript がブラウザに渡されて実行されるか、ノードに渡されて実行されるかに関係なく、最終的には CPU によって実行される必要があります。

• ただし、CPU は独自の命令セットしか知りません。実際、これは CPU によって実行できる機械語です。
• したがって、JavaScript コードを実行用の CPU 命令に変換するのに役立つ JavaScript エンジンが必要です。
• 一般的な JavaScript エンジンとは何ですか?

SpiderMonkey: ブレンダン・アイヒ (JavaScript の作者でもある) によって開発された最初の JavaScript エンジン;

• Chakra: Microsoft によって開発され、IE ブラウザで使用;
• JavaScriptCore: Apple が開発した WebKit の JavaScript エンジン;
• V8: Google が開発した強力な JavaScript エンジンで、Chrome を多くのブラウザーから際立たせるのにも役立ちます; (V8 は強力な JavaScript エンジンです)
• V8 エンジン

V8 は、C で書かれた Google のオープンソースの高性能 JavaScript および WebAssembly エンジンです。Chrome や Node.js などで使用されています。

• これは ECMAScript と WebAssembly を実装しており、x64、IA-32、ARM または MIPS プロセッサを使用する Windows 7 以降、macOS 10.12、および Linux システム上で実行されます。
• V8 はスタンドアロンで実行することも、任意の C アプリケーションに埋め込んで実行することもできます。
• V8 エンジンが JavaScript コードを実行する原理:

Parse モジュールは JavaScript コードを AST (抽象構文ツリー) に変換します。これは、インタプリタが JavaScript を直接理解できないためです。 code ;

関数が呼び出されないと、AST に変換されません;

• Parse の V8 公式ドキュメント: https://v8.dev/blog/scanner
• Ignition は AST を ByteCode (バイトコード) に変換するインタープリタです。

同時に、TurboFan の最適化に必要な情報 (たとえば、TurboFan の型情報など) を収集します。関数パラメータ)、型を使用した場合のみ実際の操作を実行できます);

• 関数が 1 回だけ呼び出された場合、Ignition は ByteCode を解釈して実行します;
• Ignition の V8 公式ドキュメント: https:/ /v8.dev/blog/ignition-interpreter
• TurboFan は、バイトコードを CPU が直接実行できるマシンコードにコンパイルできるコンパイラーです。

関数が複数回呼び出されます 呼び出された場合、ホット関数としてマークされ、コードの実行パフォーマンスを向上させるために TurboFan を通じて最適化されたマシン コードに変換されます;

• ただし、マシン コードは実際にはByteCode に復元されます。これは、その後の関数の実行中に型が変更された場合 (たとえば、sum 関数は最初は数値型として実行されましたが、後で文字列型として実行された場合)、以前に最適化されたマシン コードでは処理できません。バイトコードに;
• TurboFan V8 公式ドキュメント: https://v8.dev/blog/turbofan-jit
• 上記は実行ですJavaScript コードのプロセス

[関連する推奨事項: JavaScript ビデオ チュートリアル 、Web フロントエンド ]

以上がJavaScript がどのように機能するかを理解しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。