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 队列,不像其他函数在调用堆栈中首先立即执行。