クロージャの違いを理解するための質問

質問

• javascriptのクロージャが理解できずに苦しんでいます。
• a()とfuncA()()の違いを理解したいと思っています。
• クロージャの解説サイトなどご存知の方いらっしゃいましたら教えてください。

回答No.4

my--

まずオブジェクトについて少し。

var obj = { pro: 1 };

objが持つ値は「参照」です。参照を値に持てば、それはオブジェクトです。
参照とはプロパティ集合のある場所（メモリ領域）を示すアドレスのようなものと考えていいと思います。

var variable = obj;

variableに代入されたのは「参照」です。（参照渡し）
variableはプロパティ集合(pro) へのアクセス手段を手に入れただけで、variable固有のプロパティが複製されるわけではありません。
pro(プロパティ)はobj固有のものではなく「参照固有のもの」と言えます。

これらを踏まえて

console.log(a() === funcA()())//true

ここで混乱してしまっているようですが

var a = funcA();
var v1 = a();
var v2 = funcA()();
alert(v1); // undefined
alert(v2); // undefined

どちらも戻り値が同じundefinedです。意図した比較ではないですよね。

alert(a === funcA()); // false

オブジェクト（参照）比較ならこのようになるかと。

funcA関数は関数式(function() { ... })から返されるFunctionオブジェクト（参照）を
戻り値(return)として返しますが、関数式はすでに変数aに代入され使用されているのと同じ参照を返すことはありません。
これはローカル変数（var宣言）も同じです。ローカル変数は関数呼出し時に初期化されます。
初期化の際、内側の関数式で使用（クロージャ）され解放されずにいるものと同じ参照が割り当てられることはありません。
funcA()()の場合、funcA関数から返されるFunctionオブジェクトを保持する対象はありません。関数実行後にクロージャ変数を含む参照先のメモリ領域は解放されます。

プロトタイプやクロージャを知らなくても、グローバルな変数や関数を並べるだけである程度のことはできます。
意欲的な姿勢は見習いたいですが、あまり先走り過ぎるのもどうかと。。。（苦しむのって面白い？）

＊誤った解釈があればフォローお願いします。

お礼

ご回答ありがとうございました。
仰るとおり先走ってます。
a(),funcA()の違いよくわかりました。
より理解できるよう何度も読み返させていただきます。
どうもありがとうございました。