异步 JavaScript 里微任务队列与回调队列的差异

在 JavaScript 异步编程的领域中，微任务队列与回调队列扮演着至关重要的角色，理解它们之间的差异对于编写高效、稳定的异步代码至关重要。

二者的定义和基本概念有所不同。回调队列，也被称为宏任务队列，是 JavaScript 异步处理机制中的一个重要组成部分。像 setTimeout、setInterval、DOM 事件处理程序等异步任务会被添加到回调队列中。而微任务队列是一个更为精细的异步任务队列，MutationObserver、Promise.then、Promise.catch、Promise.finally 等产生的任务会被放入微任务队列。

从执行顺序来看，差异就更为明显。事件循环机制是 JavaScript 处理异步任务的核心，每次事件循环的tick 中，会先执行栈中的同步任务。当同步任务执行完毕后，事件循环会优先处理微任务队列。只有在微任务队列被清空后，才会从回调队列中取出任务并执行。这意味着微任务队列中的任务总是在回调队列中的任务之前执行。例如，在一段代码中同时存在 setTimeout 和 Promise.then，Promise.then 的回调函数会先于 setTimeout 的回调函数执行。

二者在任务添加时机上也存在区别。回调队列的任务添加通常是在相应的异步操作完成时。例如 setTimeout 设定的时间到达，就会将其回调函数添加到回调队列。而微任务队列的任务添加往往是在当前同步任务执行过程中，比如在一个 Promise 被解决（resolved）或拒绝（rejected）时，对应的 then 或 catch 回调就会被添加到微任务队列。

在性能影响方面，由于微任务队列的任务优先执行，过多地使用微任务可能会导致回调队列中的任务长时间得不到执行，从而影响到一些需要及时响应的操作，如 DOM 事件处理。而合理利用回调队列和微任务队列，可以实现不同优先级异步任务的高效处理。

异步 JavaScript 里微任务队列与回调队列的差异，从定义、执行顺序、任务添加时机到性能影响，都各有特点。开发者只有深入理解这些差异，才能在编写异步代码时做出更优的选择，提升程序的性能和用户体验。