JavaScriptで学ぶ関数型プログラミング

72

3 章　JavaScript における変数のスコープとクロージャ

3.2

 

静的スコープ

 静的スコープ（

lexical scope

）は、変数とその値を参照できる範囲のことです。例

として次のコードを参照してください。

aVariable = "

外

";

function aFun() {

var aVariable = "

内

";

return _.map([1,2,3], function(e) {

var aVariable = "

最内

";

return [aVariable, e].join(' ');

});

}

 

aFun

を実行した値はどのようになるでしょうか。

aFun();

//=> ["

最内

1", "

最内

2", "

最内

3"]

 

_.map

に渡された関数内で

aVariable

変数を使用する場合、一番内側の関数で定義

された値「最内」が優先されました。静的スコープの仕組みによって、

aVariable

に

対する値「最内」の割り当てが、その変数を呼び出す位置から構造上一番近い位置で

行われているため、その値が

aVariable

を使用する際の値となります。図

3-1

で、こ

の構造を図で示します。

 このような単純な場合には、変数のルックアップは一番近いバインディングコンテ

クスト（スコープ）から始まり、バインディングを発見するまで外側にルックアップ

対象を広げます

†

。図

3-1

は

静的スコープ

、もしくは別の言葉で説明すると、あるコー

ドに囲まれた範囲内での変数の名前と値のグルーピングを表しています。本章では、 ...