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;    }}(()=> {    console.log("理论上在 100ms 后调用延时回调");    setTimeout(()=> console.log("空闲时，调用了延时回调"), 100);    console.log("等了 100ms");    waiting(100);    setTimeout(()=> console.log("我虽然 10ms 延迟短，但是我排在队列的最后。"), 10);})();console.log("又等了 500ms，之后");waiting(500);

结果：

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