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

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

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

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

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

1. コード ブロック

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

<script>
      console.log("这是代码块一");
　　</script>

　　<script>
      console.log("这是代码块二");
　　</script>

JSはコードブロックごとにコンパイル、実行され、コードブロックはそれぞれ独立していますが、変数やメソッドは共有されます。

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

<script>
      console.log("我是代码块二");    //这里有运行到
      console.log(test);    　　　　 //输出undefined，因为第一个代码块执行第一行代码的时候游览器报错，代码块中第一行下面的所有代码都没有执行。故test的定义了，但没有赋值。（为什么test定义了却没有赋值，因为变量申明的提升）
</script>

上記のコードでは、コード ブロック 1 の実行時にエラーが報告されますが、コード ブロック 2 の実行には影響しません。これはコード ブロック間の独立性であり、コード ブロック 2 はコード 1 の変数 ブロック間の共有です

2. 宣言関数と代入関数

<script>
     function Fn(){ //声明式函数
　　　　　console.log(&#39;我是声明式函数&#39;);
     }
     var Fn = function{  //赋值式函数
     　　console.log(&#39;我是赋值式函数&#39;);
     }
</script>

宣言関数と代入の違い関数は : JS のプリコンパイル期間中に、最初に宣言関数が抽出され、その後、JS コードが順番に実行されます。

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

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

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

<script>
     Fn();                 //执行结果："执行了函数2",同名函数后者会覆盖前者
     function Fn(){     　　//函数1
        console.log("执行了函数1");
     }
     function Fn(){  　　　　//函数2
        console.log("执行了函数2");
     }
</script>

<script>
      Fn(); //执行结果："执行了声明式函数",在预编译期声明函数及被处理了，所以即使Fn()调用函数放在声明函数前也能执行。
      function Fn(){ //声明式函数
　　　　　　console.log("执行了声明式函数");
      }
      var Fn = function(){  //赋值式函数　　　　　　console.log("执行了赋值式函数"); 　　　 } </script>

//代码块一
<script>
      console.log(str);//浏览器报错,但并没有输出信息
</script>

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

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

次の例を見てみましょう

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

<script>
      function Fn(){ //函数1
          console.log("执行了函数1");
      }
</script>

#??????

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

概要:

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

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

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

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

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

ステップ 6. 終了。

[関連する推奨事項:

JavaScript 学習チュートリアル]

以上がJavaScriptは何によって解析されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。