setTimeout 0 相关问题总结，用于等待 UI 渲染完成

首先可以看一下这篇文章，你需要知道 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，始终获取最新的值