首先可以看一下这篇文章,你需要知道 setTimeout 做为一个定时器,是在时间到了之后,才把任务加入任务队列中,并且可能会比原本预计的时间延后执行。
有了这个知识基础,我们来研究一下将时间间隔设置成0的定时器
setTimeout(() => {
console.log(1)
}, 0)
首先所有的定时器,都可能出现延迟的情况,所以时间设置为 0 的定时器也并不意味着一定会立即执行。
初次之外,注意一个新的知识点
如果 setTimeout 存在嵌套调用,那么系统会设置最短时间间隔为 4 毫秒
严格说来,setTimeout(..0) 并不直接把项目插入事件循环环队列。定时器会在有机会的时候插入事件。举例来说,两个连续的 setTimeout(..0) 调用不保证会严格按调用顺序处理,所以各中情况都有可能出现,比如定时器漂移移,在这种情况下,这些事件的顺序就不可预测。在 Node.js 中,类似的方法是 process.nextTick(..) 。尽管它们使用方便(通常性也更高),但并没有(至少到目前为止)直接的方法,可以适应所以有环境来 确保异步事件的顺序。
我们在使用setTimout 0 的场景是:等待 UI 渲染结束
即:想要在 dom 更新之后,再获取dom 的某些值,类似vue中的 nextTick,始终获取最新的值