Почему счётчик не сбрасывается в JS?

Question

[CoyoteSS]

В learnjs нашёл странную задачку, в которой код работает как-то очень непонятно, объясните.
Ведь с логической точки зрения при каждом вызове функции makeCounter(), которую мы присвоили во внешнюю переменную counter, у нас при выполнении сначала должен сброситься счётчик counter.currentCount в единицу! И только потом выполниться внутренняя функция counter() и результат следовательно всегда должен возвращаться как 1, 1, 1, 1, 1... (т.к. инкремент постфиксный возвращает старое значение)

function makeCounter() {
  function counter() {
    return counter.currentCount++;
  };
  counter.currentCount = 1;

  return counter;
}

var counter = makeCounter();
alert( counter() ); // 1
alert( counter() ); // 2

Answer 1

[Алексей Ярков]

Ведь с логической точки зрения при каждом вызове функции makeCounter(), которую мы присвоили во внешнюю переменную counter, у нас при выполнении сначала должен сброситься счётчик counter.currentCount в единицу!

Ничего подобного. Строчка counter.currentCount = 1; выполнится один раз, при вызове makeCounter(). В дальнейшем будет вызываться функция counter, которая инкрементирует переменную.

Comments

[CoyoteSS]

let unrealFunctionToUnderstand = () => {
    let tryToUnderstandThis = () => 666;
    console.log('I\'m calling once time! :D');
    return tryToUnderstandThis;
};

let hardcoreLesson = unrealFunctionToUnderstand();

console.log(hardcoreLesson());
console.log(hardcoreLesson());

Вы не можете объяснить на этом примере почему вывод в консоль будет только один, хотя функцию я вызывал 2 раза? Это поведение интерпретатора меня вводит в ступор.

[Алексей Ярков]

moreleaksILoveMS, вывод в консоль будет ТОЛЬКО при вызове unrealFunctionToUnderstand(). У вас это происходит один раз ))

Answer 2

[Антон Спирин]

И только потом выполниться внутренняя функция counter()

При вызове makeCounter() функция counter не выполняется. Вызов makeCounter() ее возвращает.

Замыкания: Возврат функции

Comments

[CoyoteSS]

Но факт в том, что counter.currentCount = 1 стоит до возврата функции, следовательно сначала выполнится сбрасывание значения переменной и только потом возврат функции

[Антон Спирин]

moreleaksILoveMS, во время каждого вызова makeCounter() создается и возвращается новая функция с новым свойством currentCount. Ничего нигде не сбрасывается.

Пример:

var counter = makeCounter();
var counter2 = makeCounter();
alert(counter()); // 1
alert(counter()); // 2
alert(counter2()); // 1

Изучите внимательно теоретическую часть по ссылке в ответе. Там все это есть.

Answer 3

[Stalker_RED]

Вот все то-же самое, только названия переменных поменял

function создать() {
  function возвращаемаяФункция() {
    return возвращаемаяФункция.свойство++;
  };
  возвращаемаяФункция.свойство = 1; // эта строка выполняется только при вызове "создать"

  return возвращаемаяФункция;
}

var созданнаяФункция = создать();

alert( созданнаяФункция() ); // 1
alert( созданнаяФункция() ); // 2

https://jsfiddle.net/rebm120p/

Антон Спирин все правильно сказал: читайте внимательнее главу.
https://learn.javascript.ru/closures#vozvrat-funktsii

Вы запускаете makeCounter один раз, и только один раз значение счетчика устанавливается в единицу.

https://jsfiddle.net/rebm120p/1/

Comments

[CoyoteSS]

Не можете подсказать, почему возвращаемаяяФункция.свойство = 1; выполнится только 1 раз? Это обстоятельство мешает мне учиться дальше, так как я не могу понять это поведение интерпретатора, я хочу до конца разобраться в этом.

[Stalker_RED]

moreleaksILoveMS,

Вы запускаете makeCounter один раз

Если рассмоатривать "переведенный" вариант, то вы только один раз вызываете "создать()", поэтому только один раз свойство счетчика устанавливается в единицу.