setTimeout() 消耗的时间比参数中指定的时间要多

setTimeout 不是核心 JavaScript 的一部分。是的,你没听错。它是浏览器提供的 Web API(在 Web 环境中)或服务器端环境中的 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 队列,不像其他函数在调用堆栈中首先立即执行。