什么是宏任务和微任务

宏任务

宏任务是指需要在主线程中排队等待执行的任务。通常包括以下几种情况：

1. 通过 setTimeout、setInterval 或 setImmediate 函数创建的异步任务；
2. 事件触发（例如点击事件、网络请求事件）；
3. 使用 requestAnimationFrame 函数请求的动画帧任务；
4. 页面首次渲染时需要执行的任务。

当 JavaScript 引擎执行完当前的宏任务后，会检查是否有微任务需要执行，如果有，则先执行所有的微任务，然后再从宏任务队列中取出一个任务执行。这个过程会不断重复，直到所有的任务都被处理完毕。

需要注意的是，异步任务的执行顺序可能与代码书写顺序不一致。例如，通过 setTimeout 创建的异步任务会被放入宏任务队列中，而在异步任务执行之前可能会有其他的同步任务先执行完毕。

理解宏任务和微任务的区别和执行顺序，可以帮助我们更好地掌握 JavaScript 中的异步编程。

微任务

在 JavaScript 中，微任务（microtask）是指需要尽快在当前（宏任务执行结束之后、下一个宏任务开始之前）执行的任务。常见的微任务包括：

1. Promise 的处理函数（.then() 和 .catch() 方法）；
2. MutationObserver 的回调函数；
3. process.nextTick（Node.js 环境下）。

当执行栈清空时，JavaScript 引擎会立即处理所有微任务队列中的任务，直到微任务队列为空，然后再继续执行宏任务队列中的任务。这就意味着微任务具有高优先级，会优先于宏任务执行。

通过合理地使用微任务和宏任务，可以更好地控制 JavaScript 中的异步操作，确保代码的执行顺序符合预期。