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