setTimeout运行机制

当调用 setTimeout 函数时，它用于安排在一定延迟后执行的代码块。它的运行机制如下：

1. 调度任务： 当调用 setTimeout 时，JavaScript 引擎会创建一个定时器，并将指定的代码块（回调函数）添加到一个称为**定时器队列（Timer Queue）**的数据结构中。

2. 继续执行： JavaScript 引擎继续执行后续的代码而不等待定时器的触发。这意味着 setTimeout 不会阻塞后续代码的执行，而是将回调函数放置在一个“等待执行”的队列中。

3. 等待延迟结束： 定时器会在指定的延迟时间（以毫秒为单位）后触发。在这段时间内，JavaScript 引擎会继续执行后续代码，同时等待定时器的触发。

4. 将回调函数推入执行队列： 一旦延迟时间结束，定时器会把回调函数推送到任务队列（Task Queue） 中。

5. 事件循环： 一旦调用栈（Call Stack）为空（即当前没有正在执行的代码），事件循环（Event Loop）会检查任务队列是否有任务。如果有，它会将任务移出任务队列并推入调用栈，以便执行回调函数。

6. 执行回调函数： 回调函数会被执行，其中可能包含一些操作，如修改 DOM、发起网络请求等。

总结来说，setTimeout 的运行机制是将指定的代码块推迟到一定延迟后执行，而不会阻塞后续代码的执行。这使得 JavaScript 能够处理异步操作，提高了程序的响应性和用户体验。

例子

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

每次循环的时候setTimeout都会放进定时器队列， 但是执行是在for 都执行完成之后，（因为要等到调用栈执行完才可以

setTimeout的缺陷

在使用 setTimeout 时，传递的毫秒数，并不能精确地控制回调函数的执行时间，原因：把setTimeout放到任务队列尾部，等到它前面的任务完成了，它才会执行，也就是 setTimeout 的执行时间不会提前，但有可能延后，它只能精确控制加入队列的时间，但是不能确定执行时间，也就是时间到了必入队列