JavaScriptは何によって解析されますか?

Javascript は、ブラウザーによって動的に解析および実行できるインタープリタ型スクリプト言語です。 JavaScript 自体はブラウザーで直接認識できます。JavaScript インタープリターは JavaScript エンジンと呼ばれ、ブラウザーのデフォルトの部分です。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript はインタプリタ型スクリプト言語です。Java や C# などのコンパイル済み言語とは異なります。ブラウザで認識される言語にコンパイルする必要はなく、動的に解析されて実行されます。ブラウザで。 (ブラウザ自体はこれを直接認識できます。JavaScript インタプリタは JavaScript エンジンと呼ばれ、ブラウザのデフォルトの部分です)

JavaScript の解析プロセスを紹介します。 JavaScript の解析プロセスを理解するには、まずいくつかの概念を理解します。

1. コード ブロック

JavaScript のコード ブロックは、 タグで区切られたコード セグメントを指します。

console.log("这是代码块一");

console.log("这是代码块二"); JSはコードブロックごとにコンパイル、実行され、コードブロックはそれぞれ独立していますが、変数やメソッドは共有されます。

console.log(str); //因为没有定义str，所以浏览器会出错，下面的不能运行 console.log("我是代码块一"); //没有运行到这里 var test = "我是代码块一变量";

console.log("我是代码块二"); //这里有运行到 console.log(test); //输出undefined，因为第一个代码块执行第一行代码的时候游览器报错，代码块中第一行下面的所有代码都没有执行。故test的定义了，但没有赋值。（为什么test定义了却没有赋值，因为变量申明的提升） 上記のコードでは、コード ブロック 1 の実行時にエラーが報告されますが、コード ブロック 2 の実行には影響しません。これはコード ブロック間の独立性であり、コード ブロック 2 はコード 1 の変数 ブロック間の共有です

2. 宣言関数と代入関数

function Fn(){ //声明式函数 console.log('我是声明式函数'); } var Fn = function{ //赋值式函数 console.log('我是赋值式函数'); } 宣言関数と代入の違い関数は : JS のプリコンパイル期間中に、最初に宣言関数が抽出され、その後、JS コードが順番に実行されます。

コンパイル前期間と実行期間:

実際、JS 解析プロセスは 2 つの段階に分かれています。コンパイル前期間 (前処理）と実行期間。

プリコンパイル中に、JS はこのコード ブロック内で宣言されたすべての変数と関数を処理しますが、現時点では宣言関数のみが処理され、変数は宣言されるだけで処理されないことに注意してください。割り当て。

Fn(); //执行结果："执行了函数2",同名函数后者会覆盖前者 function Fn(){ //函数1 console.log("执行了函数1"); } function Fn(){ //函数2 console.log("执行了函数2"); } Fn(); //执行结果："执行了声明式函数",在预编译期声明函数及被处理了，所以即使Fn()调用函数放在声明函数前也能执行。 function Fn(){ //声明式函数 console.log("执行了声明式函数"); } var Fn = function(){ //赋值式函数 console.log("执行了赋值式函数"); } //代码块一 console.log(str);//浏览器报错,但并没有输出信息

//代码块二 console.log(str);//控制台输出"undefined" var str = "aaa";

//js在预处理期对变量进行了声明处理,但是并没有进行初始化与赋值，所以导致代码块二中的变量是unfiened的，而代码一中的变量是完全不存在的，所以浏览器报错。 次の例を見てみましょう

Fn(); //浏览器报错:"undefined"

function Fn(){ //函数1 console.log("执行了函数1"); } #??????

JavaScript エンジンはコード ブロックに従って前処理および実行されるため、言い換えれば、 、実行されたコードブロックの宣言された関数と変数のみが前処理され、まだロードされていないコードブロックは前処理されません、これはコンパイル時の処理の核心でもあります。

概要:

ステップ 1. 最初のコード ブロックを読みます。

ステップ 2. 構文分析を実行します。エラーがある場合は、構文エラー (括弧の不一致など) が報告され、ステップ 5 に進みます。はいの場合は、ステップ 3 に進みます。

ステップ 3. var 変数と関数の定義に対して「コンパイル前処理」を実行します (正しい宣言のみが解析されるため、エラーは報告されません)。

ステップ 4. コード セグメントを実行し、エラーがある場合はエラーを報告します (変数が未定義であるなど)。

ステップ 5. 別のコード セグメントがある場合は、次のコード セグメントを読み取り、ステップ 2 を繰り返します。

ステップ 6. 終了。

[関連する推奨事項: JavaScript 学習チュートリアル ]