SetTimeout не запускается мгновенно

Question

Когда я поставил следующую функцию в голове моего документа:

(function(){ 
    var d = new Date().getTime(); 
    console.log(new Date().getTime() - d); 

    window.setTimeout(function(){ 
     console.log(new Date().getTime() - d) 
    }, 1); 

    window.setTimeout(function(){ 
     console.log(new Date().getTime() - d) 
    }, 10); 

    window.setTimeout(function(){ 
     console.log(new Date().getTime() - d) 
    }, 100); 

    window.setTimeout(function(){ 
     console.log(new Date().getTime() - d) 
    }, 1000); 
}()); 

У меня есть эти журналы:

0 
401 
401 
402 
1397 

Там, кажется, задержка 400мс до того запускается setTimeout. Зачем ?

Answer 1

Javascript не является многопоточным - setTimeout не запускается мгновенно. Все, что происходит, когда вы вызываете setTimeout, помещает эту функцию в очередь, которая будет выполняться, когда текущий стек выполнения отключается. В вашем случае для достижения этой цели требуется около 400 мс.

См. How Timers Work за хорошее руководство по этому вопросу. В частности, эта цитата актуальна:

Для того, чтобы понять, как работают таймеры внутри, существует одна важная концепция, которую необходимо изучить: задержка таймера не гарантируется. Так как все JavaScript в браузере выполняется в одном потоке, асинхронные события (такие как щелчки мыши и таймеры) выполняются только при открытии в процессе выполнения.