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