队列在JavaScript事件循环中的应用
当页面里同时有定时器、网络请求和用户交互时，队列是怎样配合事件循环工作的？
队列如何维持执行节奏
JavaScript 通过把待执行任务放入队列，让主线程按固定规则取出并执行，避免多个任务同时争抢资源。事件循环会持续检查调用栈是否为空，并从任务队列中取出可以执行的内容，这样就能把同步代码和异步回调分开处理。页面上的动画、交互和网络响应因此更容易保持稳定，不会因为某个任务占用过久而卡顿。
Promise 回调、setTimeout 回调、DOM 事件这些任务进入队列后，执行顺序为什么会不同？
两类队列的执行优先级
微任务队列的优先级高于宏任务队列。当前同步代码执行完后，事件循环会优先清空微任务队列，再去处理宏任务队列中的内容。Promise 的回调通常进入微任务队列，setTimeout 的回调通常进入宏任务队列，DOM 事件回调也属于宏任务范畴。这个差异会直接影响代码的输出顺序，也会影响异步逻辑的组织方式。
在 JavaScript 里，任务进入不同队列后，执行顺序为什么会和代码书写顺序不一致？
代码顺序与执行顺序不一定一致
代码的书写顺序只代表注册顺序，不代表真正的执行顺序。同步代码会直接进入调用栈执行，异步代码会在条件满足后被放入对应队列，等待事件循环调度。因为微任务和宏任务的处理时机不同，所以有些看起来写在后面的代码，可能会更早触发。理解这一点，有助于排查输出顺序、回调嵌套和数据状态更新的问题。
当这些异步写法一起出现时，怎样判断哪个回调会先跑，如何减少顺序混乱？
用队列思维组织异步逻辑
Promise 和 async/await 背后的部分回调会进入微任务队列，而 setTimeout 会进入宏任务队列。编写混合异步逻辑时，可以先判断代码属于同步、微任务还是宏任务，再推断执行顺序。把需要紧接着执行的逻辑放在微任务里，把延后处理的逻辑交给宏任务，能让代码结构更清晰，也更容易避免状态更新错位。