Прошу помочь разобраться.
У функции goCount есть ссылка не лексическое окружение - глобальное окружение, в котором находятся переменные:
result: 0,
goCount: function,
counter: function.
Переменной counter присваивается результат работы функции, т.е. возвращается увеличенное значение переменной - 1. И каждый последующий раз возвращается одно и то же значение - 1. Почему значение не увеличивается дальше?
// ПЕРВЫЙ ПРИМЕР
let result = 0;
function goCount() {
return ++result
}
// переменной присваивается результат функции
let counter = goCount();
counter; // 1
counter; // 1
counter; // 1
console.log(result) // 1
А вот, если убрать переменную counter и вызывать непосредственно саму функцию, тогда предыдущее значение функция запоминает:
// ВТОРОЙ ПРИМЕР
let result = 0;
function goCount() {
return ++result
}
goCount(); // 1
goCount(); // 2
goCount(); // 3
console.log(result) // 3
Выходит, что причина в переменной counter.
Что происходит, когда вызываем результат функции через эту переменную? Из-за чего именно всегда результат один и тот же?
Есть предположение, что из-за того, что переменной counter присваивается именно значение, то после того, как функция завершила свою работу - глобальное окружение удаляется, и при следующем вызове функции глобальное окружение рождается с начальными параметрами. А вот, если переменной присвоить именно ссылку на функцию:
// ТРЕТИЙ ПРИМЕР (равнозначен ВТОРОМУ)
let counter = goCount; // присваивается ссылка на функцию
counter(); // 1
counter(); // 2
counter(); // 3
...тогда глобальное окружение не сбрасывается, после завершения работы функции, поскольку в переменной есть функция, которая запомнила глобальное лексическое окружение, следовательно - результат работы функции (первый пример) в себе этого не хранит, поэтому и результат всегда один и тот же.