jsのクロージャについての質問

Question

jsのクロージャについての質問

javascript のクロージャについて勉強しているのですが、
どうしてもわからない部分がありましたので、質問させてください。

発生している問題

function clo(){
	var count = 0; 
  var innerFunc = function(){
  	return ++count;
  }
  return innerFunc;
}

var myclo = clo();

console.log(myclo());
console.log(myclo());
console.log(myclo());

上記のコードだと、コンソールにインクリメントされたcountが1、2、3
表示されるのですが、試しに下記のように書き換えてみたところ、
インクリメントされずに1、1、1と表示されました。

function clo(){
	var count = 0; 
  var innerFunc = function(){
  	return ++count;
  }
  return innerFunc;
}

console.log(clo()());
console.log(clo()());
console.log(clo()());

この理由がわからずに詰まってしまいました。
どなたかご教授お願いいたします。

Answer 1

clo()の中のcountやinnerFuncは、cloを実行するたびに生成されます。なので、clo自体を複数回実行してしまうと、それぞれバラバラな変数が生成されるという、普通の関数と同様な動きとなってしまいます。

Comments

[AkifumiShimoji]

早速のご教授をありがとうございます！
確かにこの書きかただと、returnされたinnerFuncではなく、
clo自体が複数回実行される事になりますね。。
理解できました。助かりました！