Вывод: три раза $3$. Объяснение: переменная `var i` — с функцией области видимости, не блочная; колбэки в `setTimeout` выполняются после завершения цикла, когда `i` стало $3$, поэтому каждая функция логирует текущее значение $i$ — $3$.
Оригинал:
for (var i=$0$; i<$3$; i++) { setTimeout(()=>console.log(i), $0$) }
Вывод: $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) Фабрика функций:
function makeLogger(j){ return ()=>console.log(j) }
for (var i=$0$; i<$3$; i++) { setTimeout(makeLogger(i), $0$) }
4) Передача аргумента в setTimeout (современные браузеры/Node поддерживают дополнительные аргументы):
for (var i=$0$; i<$3$; i++) { setTimeout(function(j){ console.log(j) }, $0$, i) }
5) bind для захвата текущего значения:
for (var i=$0$; i<$3$; i++) { setTimeout(console.log.bind(console, i), $0$) }
Каждый из этих подходов захватывает текущее значение итератора для каждой итерации, поэтому колбэки выводят $0$, $1$, $2$.