setTimeout() 花费的时间比参数中给定的时间长

setTimeout 不是核心 JavaScript 的一部分。是的，你没听错。它是浏览器（在 Web 环境中）提供的 Web API 或服务器端环境中的 Node.js API 的一部分。
众所周知，setTimeout方法以CB函数作为参数。另一个参数是必须执行 CB 的时间（以毫秒为单位）。
但是等等，setTimeout 不一定总是在给定的时间参数执行。如果我们的调用堆栈或主线程被任何代码块阻塞，则在阻塞代码完成后，setTimeout 会立即在调用堆栈中执行。在此之前，它仍然存储在浏览器回调队列或任务队列中。

console.log("HELLO");
setTimeout(() => console.log("Timeout executed"), 5000); //should be execute after 5sec
let start = new Date().getTime();
let end= start;
while (end < start + 10000){
  end= new Date.getTime();
} //This loop will block the main thread for 10sec
 console.log("Time Expire");

//output---
//HELLO
//Time Expire
//Timeout executed  (Immediately just after Time expire)

还有一种情况，如果我们在setTimeout中提供0ms的时间会怎样。是否像正常代码执行一样按顺序执行。
答案是否定的，因为 setTimeout 首先进入 CB 队列，不像其他函数首先在调用堆栈中立即执行。

以上是setTimeout() 花费的时间比参数中给定的时间长的详细内容。更多信息请关注PHP中文网其他相关文章！