Небольшой вопрос по JS

Потому что за один цикл запускаешь пять таймеров

setTimeout(function(){
console.log(i)
},i*1000)

Когда они сработают цикл уже закончится и (i) будет содержать цифру 5

Но если эта сделать так то тогда будет создана каждая индивидуальная функция которая запустит таймер со своим значением i Это выглядит так на стрелочной функции

for(var i=0 ; i<6; ++i){

(i=>setTimeout(()=>console.warn(i),i*1000))(i);

}

⚤

Вместо var используй let, тогда область видимости i будет ограничена циклом и JS ничего не останется, как запоминать её. Ну или создавай замыкание, в котором сохраняй i и отдавай его в свою асинхронную функцию.

Потому что анонимная функция в первом аргументе setTimeout() выполнится асинхронно - ПОСЛЕ цикла for, и после вообще всего синхронного кода.
На момент ее выполнения, i будет содержать "последнее значение + 1", так как сначала выполняется инкремент ++,и только затем проверка условия <5.
́
setTimeout(func, delay) возвращает управление синхронному коду СРАЗУ, а не блокирует его выполнение на время delay.
И, если синхронный код будет выполняться N миллисекунд, то func будет вызвана спустя delay+N миллисекунд.
́
Создание функций в цикле - хоть и широко применяется, но является плохим стилем написания кода. Старайтесь этого избегать, объявляя функции вне циклов, и используя массивы (это сделает код оптимальнее, гибче, и повысит удобство его отладки).

потому что i за областью видимости цикла

for( var i = 0; i < 5; ++i )
( function( i ) {
setTimeout( function() {
console.log( i );
}, i * 1000 );
})( i );