event-loop 和 DOM渲染的疑问

Question

老师，您在PPT上是这么写的

1. call Stack 空闲
2. 尝试DOM渲染
3. 触发 event-loop

后面又说，宏任务在DOM渲染后触发，微任务在DOM渲染前触发。难道这和上面的顺序不就冲突吗？按照上面的顺序，DOM渲染应该是在触发 event-loop 前面发生的呀

Answer 1

沧月之灵 2025-07-04 00:32:37

顺序应该是

宏任务，微任务，dom 渲染，宏任务，微任务，dom 渲染

为什么宏任务在微任务前我觉得没有原因，eventloop 就是这么设计的，先从宏任务队列中取出一个任务（第一个一定是宏任务，就是 script 脚本这个宏任务），执行完后执行微任务队列中的所有微任务（包括微任务执行中新产生的微任务），然后执行dom 渲染，然后从宏任务队列中再取出一个宏任务，重复上述过程。

Answer 2

双越 2023-04-16 18:59:38

event-loop 是一个循环机制，它其中包含了 DOM 渲染、微任务和宏任务。

所以，event-loop 和 DOM 渲染不是一个级别的东西，也不能两者做比较。

PS：最近一周外出，没法带电脑，问题没有及时解答，非常抱歉。后面我会继续及时解答课程问题的。