javascriptのスコープについて

Question

プログラミング初学者です。

counter1を呼び出すたびに数値が１ずつ増えていくのですが、この場合
var count = 0;
の部分はなぜ繰り返されないのでしょうか？

counter1()呼び出すたびにcreateCounter()内の処理がすべて実行され、コンソールに
1
1
1
と表示されるのではないのかなと思っていたのですが、、

  function createCounter(){
    var count = 0;
    return function(){
      count++;
      console.log(count);
    };
  }
  
  var counter1 = createCounter();
  counter1();
  counter1();
  counter1();

1
2
3

Answer 1

counter1を呼び出すたびに数値が１ずつ増えていくのですが、この場合

var count = 0;
の部分はなぜ繰り返されないのでしょうか？

return function()として関数を返していますが、次からはcreateCounter自身ではなく、返り値として戻ってきた関数を呼び出していますので、この関数の中だけ実行されます。

Comments

[trail]

理解できました、ありがとうございました！

Answer 2

同じようなコードを見た記憶があったので探してみました。

JavaScriptのクロージャについて

これは「1になる理由」

JavaScript、クロージャーにつきまして

こっちは巻き上げ

Javascriptのクロージャに関する初歩的な質問

今回の件に近いかな

同じ書籍で学習している人が多いんでしょうね。
[var count = 0; tag:JavaScript] の検索結果： 527件

Comments

[trail]

ありがとうございました！

[m.ts10806]

的確な過去質問の検索の仕方を覚えるとそれだけで解決することも多いです。
Google検索でも良いですが、この質問は「205374番目」の質問ですし、
JavaScriptだけで絞っても現時点で21928件あります。
https://teratail.com/tags/JavaScript
どこかにヒントは転がっていると思いますよ。