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