Почему способ объявления переменной i влияет на результат?

Question

[justifycontent]

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

Результат: 3 3 3

for (let i = 0; i < 3; i++) {
    setTimeout(function() {
        console.log(i)
    }, 1000)
}

Результат: 0 1 2

Можете подробно объяснить разницу? Возможно это из-за всплытия, но я не могу понять как это происходит

PS: И еще вопрос: ждет ли тело функции выполнение setTimeout?

Comments

[Сергей delphinpro]

https://habr.com/ru/post/438880/

Answer 1

[Danny Arty]

Можете почитать про разницу между var и let тут

Answer 2

[Alexandroppolus]

И еще вопрос: ждет ли тело функции выполнение setTimeout?

нет.

чтобы цикл ждал на каждой итерации, надо промисифицировать setTimeout, цикл запускать в async-функции, таймер авайтить.

const delay = (ms) => new Promise(r => setTimeout(r, ms));

async function run() {
    for (var i = 0; i < 3; i++) {
        await delay(1000);
        console.log(i);
    }
}

run();

и теперь уже без разницы, let или var, думаю понятно почему.