Куда записывается значение count после того как внешняя функция срабатывает и возвращает внутреннюю? А также появляется ли у переменно sayHi объект LexicalEnvironment c локальными переменными, может быть данная переменная записывается туда?
1 ответ
Значение переменной count находится внутри функции. В этом просто убедиться, если, например, продолжать вызывать sayHi - счетчик (тот самый count будет увеличиваться).
Это работает так, потому что count находится в области видимости функции и живет там в течение всего времени существования функции (Чтиво по теме. Там же и про LexicalEnvironment).
var sayHi = (function() {
var count = 0;
return function() {
count++;
console.log('Hello ' + count);
}
})();
<button onclick='sayHi()'>Old hello</button>
Самым простым способом узнать значение count в любой момент - вынести переменную в глобальную область видимости (очень очень очень плохой вариант)
Правильное направление, это реализация интерфейса, getter'ов и setter'ов.
var sayHiNew = (function () {
var count = 0;
var interface = {};
interface.run = function() {
count++;
console.log('New Hello ' + count);
};
interface.changeCounter = function(newNumber) {
count = newNumber;
};
interface.getCounter = function() {
console.log(count);
return count;
}
return interface;
})();
<button onclick='sayHiNew.run()'>New hello</button>
<button onclick='sayHiNew.changeCounter(10)'>Change count to 10</button>
<button onclick='sayHiNew.getCounter()'>Get current 'count' value</button>
В идеале же, по моему мнению, лучше это дело держать объектами:
var sayHiObj = function() {
this.count = 0;
this.run = function() {
this.count++;
console.log('Hello ' + this.count);
}
this.getCount = function() {
console.log(this.count);
return this.count;
}
};
var sayHi = new sayHiObj();
<button onclick='sayHi.run()'>Say hi</button>
<button onclick='sayHi.getCount()'>Get 'count'</button>
Полезная ссылочка.
Про объекты одной ссылкой не обойдешься, поэтому там уже сами найдете
[[Scope]]
и через это свойство, может брать значениеcount
и перезаписывать его. – Александр Казаков 3 апр '17 в 22:11