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

質問

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

回答No.3

think49

私はクロージャをそれほど理解しているわけではないのですが、要所要所に console.info() を入れるとわかりやすいんじゃないでしょうか。

function funcA() {
console.info('--- funcA');
var i = 10;
return function() {
console.info('closure');
i++;
console.log(i);
}
};
var a = funcA();
console.log(a() === funcA()()); //true
console.log((funcA())() === funcA()()); //true
funcA()(); //11
(funcA())(); // 11
a(); //11
a(); //12
a(); //13

(funcA())(); は匿名関数とよく似ています。
(function(){ // 処理 })(); は function(){ // 処理 } を括弧で括ってオブジェクト化した上で実行するわけですが、
(funcA())(); は funcA() を実行した上でオブジェクト化し、内部のクロージャも実行しています。

お礼

ご回答ありがとうございます。
より理解できるよう何度も読み返せさせていただきたいと思います。
ありがとうございました。