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