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