Зачем передавать результат функции в переменную в замыканиях?

Question

[Yan Vetrov]

Здравствуйте, изучаю JS, хотел освоить тему замыканий.

Есть пример:

function counter() {
  var counter = 0;

  return function() {
    console.log(counter = counter + 1)
  }
}

var b = counter();
b();
b();
b();
b();
b();

Мне не понятно, почему мы должны объявлять b и передавать результат функции в нее?

var b = counter();

И почему мы просто не можем писать:

function counter() {
  var counter = 0;

  return function() {
    console.log(counter = counter + 1)
  }
}

counter()();
counter()();
counter()();
counter()();
counter()();
counter()();

Answer 1

[Yan Vetrov]

Я все понял, после вдумчивого прочтения данной статьи. Всем советую: ссылка

Answer 2

[Михаил Макаров]

Потому что в первом случае внутренняя функция будет создана один раз, а во втором - каждый раз при вызове counter()

Comments

[Yan Vetrov]

А можно, пожалуйста, поподробнее?

[Михаил Макаров]

Yan Vetrov, я не знаю, как проще перефразировать то, что я сказал, извини :)

[5iv1i73]

Михаил Макаров, я бы сформулировал так: когда присваиваешь результат функции counter переменной, в переменной будет храниться возвращаемая функция со всем окружением. Если же просто вызывать counter - функция вместе с окружением будет создаваться каждый раз заново (а потом удаляться за ненужностью)

Answer 3

[Виктор Кулябин]

Я бы переписал это таким образом

function Counter() {
  var counter = 0;
​
  return function() {
    console.log(counter = counter + 1)
  }
}
​
var cnt1 = new Counter();
var cnt2 = new Counter();

cnt1(); // 1
cnt1(); // 2
cnt2(); // 1

Думаю такая запись более информативна.