大域変数と局所変数（グローバルオブジェクトとCallオブジェクト） #

大域変数と局所変数（グローバルオブジェクトとCallオブジェクト）についてを述べる。

グローバルオブジェクトとCallオブジェクト #

Javascriptはスクリプトを読み込んだ時に、グローバルオブジェクトなるものを自動で生成する。グローバルオブジェクトはグローバルスコープを持ったグローバル変数やグローバル関数を管理する。

同様に、関数を呼んだ時にはCallオブジェクトが生成される。Callオブジェクトには関数のスコープ内での変数や関数が管理される。

変数が参照された時、それが関数内でだった場合はその関数に対応したCallオブジェクトから変数を探し、無い場合はその上位のCallオブジェクト(あるいはグローバルオブジェクト)に変数を探していく。

グローバルオブジェクト #

グローバルオブジェクトはブラウザが新しいページを読み込む時に自動で生成されるオブジェクトで、インスタンスの記述は不要である。関数やプロパティを参照する際も、インスタンス名の記述は不要である。

代表的なグローバルオブジェクトは以下の通り。

グローバル関数 #

グローバル関数はグローバルオブジェクトに含まれる関数である（グローバルオブジェクトそのものでは無い）。グローバル関数はオブジェクトのインスタンス化不要で利用できる。

代表的なグローバル関数は以下の通り。

クロージャ #

Javascriptにおけるクロージャとは、関数と変数が一体となったデータ構造である。この構造により、変数の値を保持する処理を簡潔に記述することができる。

関数内の変数は関数の処理が終わると破棄されるが、クロージャではガベージコレクションの対象とならず、変数への参照が残ったままになる。

クロージャの例としては以下の通り。

//クロージャ
function closure() {

    var a=1;

    return function(){
        return a++;
    }
}

var c = closure();

//c()を呼び出すごとにカウントアップ。クロージャなので値が残る
console.log(c())
console.log(c())
console.log(c())

実行結果

1
2
3