Вывод будет
3
3
3

Почему: переменная i объявлена через var — она имеет функцию/глобальную область видимости, не блоковую. В теле цикла вы создаёте три таймаута, каждый замыкает одну и ту же переменную i $поссылке$. Таймауты выполнятся асинхронно, после завершения синхронного цикла for, а на тот момент i уже стало равным 3 $послепоследнегоi++$. Поэтому все три колбэка прочитают текущее значение i = 3.

Как исправить $чтобывывести0,1,2$. Несколько способов:

1) Использовать let в заголовке цикла $block-scopedпеременная$:
for (let i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 100);
}

let создаёт новую привязку i для каждой итерации, замыкания получают разные значения.

2) Закрыть текущее значение в IIFE $старыйстиль$:
for (var i = 0; i < 3; i++) {
$function(j)setTimeout(function()console.log(j);,100);$$i$;
}

Здесь в каждую итерацию создаётся локальная j со значением i, и колбэк замыкает j.

3) Передать аргумент в setTimeout $аргументыпослезадержкипередаютсявcallback$:
for (var i = 0; i < 3; i++) {
setTimeout$function(j)console.log(j);,100,i$;
}

Или с arrow-функцией:
for (var i = 0; i < 3; i++) {
setTimeout((j) => console.log(j), 100, i);
}

4) Скопировать значение в локальную let-переменную внутри тела цикла:
for (var i = 0; i < 3; i++) {
let j = i;
setTimeout(() => console.log(j), 100);
}

5) Использовать bind, чтобы «захватить» аргумент:
for (var i = 0; i < 3; i++) {
setTimeout$console.log.bind(null,i),100$;
}

Все эти варианты приведут к выводу 0, 1, 2 $пооднойстрокенакаждыйтаймаут$. Выбор способа зависит от целевой среды $ES6+—простоlet;еслинуженобратныйуровеньсовместимости—IIFE$.