Scope JS. Почему так?

Question

[Hyubert]

Почему 1 вариант работает , а второй нет? Должно же бить наоборот

var timeout, 
    counter = 0;

var updateCounter = function() {
  
    $('.counter').text(counter++);
    timeout = setTimeout(updateCounter, 1000);
   }

updateCounter();

var updateCounter = function() {
var timeout, 
    counter = 0;
  
    $('.counter').text(counter++);
    timeout = setTimeout(updateCounter, 1000);
   }

updateCounter();

Answer 1

[Алексей Зуев]

Потому что counter обнуляете каждый раз.

Answer 2

[Алексей]

Во втором случае переменные timeout и counter создаются при каждом вызове функции updateCounter() и уничтожаются по ее завершению.
В первом случае - они глобальные (относительно функции) и создаются один раз.

Answer 3

[Алексей Уколов]

Во втором варианте вы при каждом вызове функции updateCounter внутри неё переменную counter приравниваете нулю. Разумеется, это неправильно.