Коротко — потому что `var` имеет функциональную (не блок‑) область видимости: все таймаут‑колбэки захватывают одну и ту же переменную `i`, к моменту их выполнения цикл уже завершён и `i = $3$`, поэтому выводится $3,3,3$.
Варианты исправления (без глобальных переменных):
1) Использовать `let` в заголовке цикла (каждая итерация получает свою привязку):
for (let i = $0$; i < $3$; i++) {
setTimeout(() => console.log(i), $0$);
}
// выведет: $0,1,2$
2) Замыкание через IIFE (если нужно оставить `var`):
for (var i = $0$; i < $3$; i++) {
(function (j) {
setTimeout(() => console.log(j), $0$);
})(i);
}
3) Передать значение прямо в `setTimeout` через `bind`:
for (var i = $0$; i < $3$; i++) {
setTimeout(console.log.bind(null, i), $0$);
}
Все три варианта дадут вывод $0,1,2$.