Почему при запуске функции-замыкания, переменная внутри не затирается?

Question

[Heretic Man]

Вот код замыкания, суть я понял - Функция создаёт объект который будет содержать все локальные переменные. И любые функции которые мы определяем внутри будут иметь ссылку на этот объект. Если их нет (вложенных функций) то и нет смысла хранить эти ссылки.

function makeCounter() {
  var count = 1;

  return function() {
    return count++;
  };
}

var counter = makeCounter();

// каждый вызов увеличивает счётчик и возвращает результат
alert( counter() ); // 1
alert( counter() ); // 2
alert( counter() ); // 3

Вопрос - почему при каждом вызове счётчика объект с ссылками не перезаписыватся когда встречается инициализация переменной count (var count = )?

Answer 1

[coderisimo]

Ф-ция makeCounter вызывается ОДИН раз. Соответственно ЕДИНОЖДЫ объявляется и инициализируется единицей переменная count . Данная переменная является частью области видимости созданной при вызове makeCounter. Данная функция возвращает другую функцию (назовем ее f для удобства)

return function() {
return count++;
};

которая так же имеет доступ к этой области видимости в которой была определена переменная count. Вот и все. Далее вы вызываете эту функцию (f) много раз и каждый раз она работает все с той же переменной count.

Попробуйте сделать вот так :

var counter = makeCounter(); //   присвоили функцию у которой своя  СОБСТВЕННАЯ область видимости 
var counter2 = makeCounter(); //   присвоили функцию у которой своя  СОБСТВЕННАЯ отличная от предыдущей область видимости

появится две области видимости и у каждой будет свой отдельный count.
попробуйте повызывать

console.log( counter());
console.log( counter2());

Answer 2

[i1yas]

Потому что вызов функции makeCounter сохранен в переменную counter, которая уже потом многократно вызывается.
Перезапись переменной count была если бы функцию вызывали так

makeCounter()()
makeCounter()()
makeCounter()()

Comments

[Heretic Man]

В переменной counter храниться результат функции или что?

[i1yas]

Heretic Man, ну да, makeCounter возращает функцию, эта функция и записывается в counter

return function() {
  return count++;
};

[Сергей Соколов]

Heretic Man, в переменной counter хранится Функция.
Ведь вызов ф-ии makeCOunter возвращает вот что: return function(){..}
Можно возвращать из функции не только число, строку, массив. Но и другую функцию.
Которая, кстати, запоминает своё окружение. Переменную count в данном случае.

[Сергей Соколов]

Тимур Турсунбаев, "при каждом вызове" которой из ДВУХ функций? ; )

[Сергей Соколов]

Тимур Турсунбаев, не будет интерпретатор проходить эту строчку каждый раз.
makeCounter() отработала один раз, записала в count единицу и вернула другую функцию (а та запомнила своё окружение).

При каждом вызове counter() выполняется только сама функцияcounter() и ничего более. Строка var count = 1; находилась вне и более ни при делах.

[WapSter]

Сергей Соколов, все кажется понял эти замыкания. Блин это же так просто, функция на которую ссылались вернула, функцию, и переменная просто стала этой функцией которую возвращали. Спасибо вы не представляете сколько я пытался вкурить этот фокус. Правда не знаю пока где это может пригодится, но все равно страшно бесило, что не мог понять

Answer 3

[Дмитрий Макаров]

Потому что вы сохранили его в переменную "counter", если его сбросить, счётчик тоже сбросится.

А вызывая его как метод просто вызываете грубо говоря функцию внутри него.