Кто может объяснить данное поведение?

Question

[Maks Burkov]

Вопрос по теме асинхронности и замыкания ..
Почему при втором подходе печатается 10 по 10 раз ?
Если кто сможет обьяснить весь flow буду рад!

var i;
var print = function () {
    console.log(i);
}
for(i=0;i<10;i++){
    print(); // При данном подходе печатает от 0 до 9 ! i Изменяется при каждой итерации! 
    //setTimeout(print,5000); // При данном подходе печатается 10 по 10 раз , i изменяется до 10 и после чего печатается 10 раз!
}

Answer 1

[Александр Аксентьев]

потому что цикл закончился к тому моменту когда таймаут работать начинает.

Answer 2

[Григорий Матвеев]

Это из-за того что первый print вызывается через 5 секунд после того как был запущен таймер, но цикл в течении этого времени выполнял все новые и новые итерации на каждой из которых он увеличивал значение переменной i на единицу до тех пор пока она не стала равна 10, все эти итерации заняли всего лишь несколько миллисекунд или десятков миллисекунд. В общем, к тому времени как print был вызван таймером в первый раз значение переменной i уже давно было равно 10 и больше не изменялось!

Comments

[Maks Burkov]

Посмотрите видео , в первом ответе .