JavaScript学習記(3)：JavaScriptにも入口がある Main関数_JavaScriptスキル

C や Java には、プログラムのエントリ関数またはメソッド、つまり main 関数または main メソッドがあります。 JavaScriptではJSソースファイルの先頭からプログラムが実行されます。しかし、ある意味、プログラムの出発点として main 関数を構成することはできます。そうすることで、他の言語と統一できるだけでなく、JS についての理解も深まるかもしれません。

1. 実際の入り口

JavaScript ファイルが実行のために JS エンジンに渡されると、JS エンジンはすべてのコードが実行されるまで各ステートメントを上から下に 1 つずつ実行します。

2. スコープチェーン、グローバルスコープ、グローバルオブジェクト

JS 内のすべての関数が実行時に新しいスコープを作成することがわかっています。具体的には、実行プロセスが関数に入るときに新しいスコープが作成され、関数の実行が完了して終了すると、このスコープは破棄されます。関数の仮パラメータとローカル変数は、このスコープにバインドされ、関数呼び出しがスコープの破棄を完了すると、それに応じて破棄されます。もちろん、特殊なケースでは、関数が戻ったときにスコープ内の一部の変数がまだ参照されている場合、スコープとこれらの参照された変数は破棄されず、いわゆるクロージャが形成されます。

一方、関数は入れ子にできることがわかっているため、スコープも入れ子にできます。関数が定義されると、JS エンジンは各関数に対して [[scope]] という組み込み属性を設定します。これは、外部関数の字句スコープを指します。このように、複数のスコープはスコープ チェーンと呼ばれるチェーン構造を形成します。通常、常に存在するスコープ チェーンは 1 つだけです。つまり、実行関数のスコープから開始して、最も外側のグローバル スコープまで層ごとに上向きにたどります。

[注]: スコープチェーン上の関数は、JS ソースコード内で層ごとにネストされた関数であり、関数の実行順序や関数呼び出しスタックとは関係がありません。名前の語彙範囲の由来。

グローバル スコープは特別なスコープです。これは関数スコープではありませんが、すべての関数スコープの外側のスコープであり、すべてのスコープ チェーンの終点です。したがって、プログラムが終了しない限り、グローバル スコープは常に存在し、グローバル スコープ内の変数は常に有効です。

[機能 3 のスコープ]-->[機能 2 のスコープ]-->[機能 3 のスコープ]-->[グローバル スコープ]

また、グローバルスコープに対応して、グローバルオブジェクトがあります。ブラウザでは、グローバル オブジェクトはウィンドウ オブジェクトです。グローバル オブジェクトは特別なオブジェクトです:

グローバル スコープで定義された変数は、グローバル オブジェクトにバインドされます。

任意のスコープで定義された変数は、var キーワードなしで定義された場合、グローバル オブジェクトにバインドされます。

グローバル スコープでは、これはグローバル オブジェクトを指します。

上記の特性から、グローバル スコープをオブジェクトと見なす場合、それは実際にはグローバル オブジェクトであることがわかります。さらに、これは、次の 4 つのステートメントがグローバル スコープで同等である理由も説明します:

var a = 1;
a = 1;
window.a = 1;
this.a = 1;

3. 仮想主関数

これらはすべてスコープであるのに、なぜ特別なグローバル スコープが必要なのでしょうか?私たちは常にシンプルさと一貫性を好み、複雑さと具体性を避けるよう努めています。したがって、当然のことながら、グローバル スコープを関数スコープと同じようにできるかどうか疑問に思います。答えは「はい」です。次のように考えることができます:

JS エンジンがソース ファイルを実行すると、ファイル内のコードが main という関数にラップされると考えられます。次に、この main 関数をプログラムのエントリ ポイントとして使用します。
つまり、JS ファイルに次のようなコードがあるとします。

var a = 1;
var b = 2;

function add(x, y) {
  var z = x + y;
  return z;
}
console.log(add(a, b));

JS エンジンは、実行を開始する前にプログラムを main 関数にラップします。

// 虚构的main函数
function main() {
  var a = 1;
  var b = 2;

  function add(x, y) {
    var z = x + y;
    return z;
  }

  console.log(add(a, b));
}

次に、この main 関数を呼び出します:

main._current_scope_ = window; // 将全局作用域(对象)设为window
main.call(window) // 将this指向window

4. 重要なことは何ですか?

(1) JS にも他の言語と同様のエントリ関数 main があります。

(2) グローバルスコープの概念が省略されているか、グローバルスコープが関数スコープになります。

(3) 上記の main 関数の呼び出し処理を通じて、グローバル スコープ内の特殊なプロパティの起源を理解できます。

(4) 最後のポイントは、すべての JS ソース コードを関数として扱い、後でイベント キューとイベント ループへの道を開くことです。

以上は編集者があなたに紹介したJavaScript学習ノート(3)です: JavaScriptにも入り口のMain関数があります。気に入っていただければ幸いです。