Почему не работает setTimeout в цикле for?

Question

[Вячеслав]

Почему выводит сразу число 5 в консоль? Я думал что пудет с интервалом в 1 секунду увеличивать счетчик.

for(var i=1; i<=5; i++) {
        setTimeout(function(){
          console.log(i);
        }, 1000);
      }

Answer 1

[Александр Таратин]

var f = function(i){
	i = i | 0;
	i++;
	console.log(i);
	if(i<5)
		setTimeout(f.bind(null,i),1000);	
}

Comments

[Вячеслав]

Круто! Спасибо! А почему мой код не работает?

[Александр Таратин]

Вячеслав: setTimeout не блокирует выполнение скрипта, и цикл отрабатывает быстрее любого вызова setTimeout

[Вячеслав]

Александр Таратин: Почему тогда в вашем примере цикл блокируется? Из за bind?

[Борис Лапин]

из-за рекурсии вместа цикла.

[Александр Таратин]

Вячеслав: У меня не цикл, а своего рода рекурсия, когда следующий вызов не может произойти пока не отработает предыдущий. bind тут лишь для сахара, можно заменить на
setTimeout(function(){f(i)},1000);

[Вячеслав]

Понял. Я не знал что можно использовать инкремент просто так, в функции, думал только в for. И почему вы не ставите в конце крапку с запятой?

[Александр Таратин]

Вячеслав: Потому что в js ";" не обязательна

Answer 2

[Eugene_Sh]

for (var i = 1; i <= 5; i++) {
    (function(i) {
        setTimeout(function(){
          console.log(i);
        }, 1000);
    })(i);
}