JavaScript setTimeout 的原理

JavaScript 引擎是基于事件驱动单线程执行的，JavaScript 引擎一直等待着任务队列中的任务，接收到任务就加以处理，任务过多时会按序等待处理。

setTimeout 调用的时候，JavaScript引擎会启动定时器 timer，在第二个参数 n 毫秒 以后执行第一个参数回调或代码段，当定时器的时间到了，就把该事件放到主事件队列等待处理。

也就是说需要看任务放到队列中的顺序。

var waiting = (number)=> {
    var now = new Date();
    var untilEnd = now.getTime() + number;
    while (true) {
        now = new Date();
        if (now.getTime() > untilEnd)
            return;
    }
}
(()=> {
    setTimeout(()=> console.log("空闲时，调用了延时回调"), 100);
    console.log("理论上在 100ms 后调用延时回调");

    waiting(100);
    console.log("等了 100ms");

    setTimeout(()=> console.log("我虽然 10ms 延迟短，但是我排在队列的最后。"), 10);
})();

waiting(500);
console.log("又等了 500ms，之后");

结果：

理论上在 100ms 后调用延时回调
等了 100ms
又等了 500ms，之后
空闲时，调用了延时回调
我虽然 10ms 延迟短，但是我排在队列的最后。