JavaScriptのプリコンパイルは何をするのでしょうか?-jsチュートリアル-php.cn

JavaScriptのプリコンパイルは何をするのでしょうか?

醉折花枝作酒筹

リリース： 2023-01-07 11:44:58

オリジナル

2031 人が閲覧しました

Javascript のプリコンパイルは次のことを行います: 1. 構文分析。コードに低レベルの構文エラーがあるかどうかエンジンがチェックします。2. プリコンパイル。簡単に理解すると、メモリといくつかの変数と関数の保存; 3. 解釈と実行は、名前が示すように、コードを実行することです。

JavaScriptのプリコンパイルは何をするのでしょうか?

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

JavaScript 実行トリロジー

構文分析
プリコンパイル
##解釈と実行

文法分析は非常に単純です。つまり、エンジンはコードに低レベルの構文エラーがあるかどうかをチェックします。解釈と実行は、その名前が示すように、実行することです。コード; プリコンパイルは単にメモリ内にあるものとして理解されます変数や関数を保存するためにその中にスペースを作成します;

JS のプリコンパイルはいつ行われますか?

プリコンパイルはいつ行われますか?プリコンパイルはスクリプト内のコードブロックが実行される前にのみ行われると誤解されています。プリコンパイルに問題はありません。プリコンパイルはスクリプトコードの実行前に行われますが、ほとんどは関数の実行前に行われます。

分析例

まず、次の 2 つの概念を区別して理解しましょう: 変数宣言 var... 関数宣言 function(){}

<script>
var a = 1;
console.log(a);
function test(a) {
  console.log(a);
  var a = 123;
  console.log(a);
  function a() {}
  console.log(a);
  var b = function() {}
  console.log(b);
  function d() {}
}
var c = function (){
console.log("I at C function");
}
console.log(c);
test(2);
</script>

ログイン後にコピー

分析プロセスは次のとおりです:

ページが生成されると、GO グローバルオブジェクト (グローバルオブジェクト) (つまり、ウィンドウオブジェクト);
最初のスクリプトファイルが読み込まれます。スクリプトがロードされ、構文が正当かどうかを分析します。
変数宣言を見つけるためにプリコンパイルを開始します。GO 属性として、値は未定義に割り当てられます。
関数宣言を検索し、GO 属性として値が関数本体に割り当てられます;

プリコンパイル済み

//抽象描述
    GO/window = {
        a: undefined,
        c: undefined，
        test: function(a) {
            console.log(a);
            var a = 123;
            console.log(a);
            function a() {}
            console.log(a);
            var b = function() {}
            console.log(b);
            function d() {}
        }
    }

ログイン後にコピー

実行コードの説明(関数 test(2) を呼び出すステートメントが実行されるまで)

//抽象描述
    GO/window = {
        a: 1,
        c: function (){
            console.log("I at C function");
        }
        test: function(a) {
            console.log(a);
            var a = 123;
            console.log(a);
            function a() {}
            console.log(a);
            var b = function() {}
            console.log(b);
            function d() {}
        }
    }

ログイン後にコピー

関数 test() を実行する前にプリコンパイルが発生します

##プリコンパイル前の 2 つの小さなステップ 1 と 2 は次のとおりです。 #
```
//抽象描述
    AO = {
        a:undefined,
        b:undefined,
    }
```
ログイン後にコピー

//抽象描述
        AO = {
            a:2,
            b:undefined,
        }

ログイン後にコピー

プリコンパイルの 4 番目のステップは次のとおりです:

//抽象描述
    AO = {
        a:function a() {},
        b:undefined
        d:function d() {}
    }

ログイン後にコピー

テストを実行すると、次のプロセスが変更されます( ) 関数:

//抽象描述
    AO = {
        a:function a() {},
        b:undefined
        d:function d() {}
    }
    --->
    AO = {
        a:123,
        b:undefined
        d:function d() {}
    }
    --->
    AO = {
        a:123,
        b:function() {}
        d:function d() {}
    }

ログイン後にコピー

実行結果:

注:

JavaScriptのプリコンパイルは何をするのでしょうか? 変数宣言と関数宣言はプリコンパイル段階で発生します。初期化動作 (代入) はなく、匿名関数はプリコンパイルに参加しません。変数のみが解釈および実行フェーズ中にのみ初期化されます。