怎么区分宏任务和微任务？

在前端开发中，宏任务（MacroTask）和微任务（MicroTask）是两种类型的异步任务，它们在JavaScript的事件循环中有不同的处理方式和执行优先级。以下是宏任务和微任务的主要区别：

一、定义与性质

1. 宏任务：宏任务是指那些需要排队等待JavaScript引擎空闲时才能执行的任务。这些任务通常包括script（整个代码脚本）、setTimeout、setInterval、setImmediate（Node.js环境）、I/O操作、UI渲染等。每个宏任务都会触发一个新的事件循环，且每个宏任务执行完毕后，会检查并执行微任务队列中的所有任务。

2. 微任务：微任务是指在当前任务执行结束后立即执行的任务，可以看作是在当前任务的“尾巴”添加的任务。这些任务包括Promise的then和catch、MutationObserver（浏览器环境）、process.nextTick（Node.js环境）等。微任务的特点是在当前宏任务执行完后，无需等待下一个宏任务，会立即执行所有微任务。

二、执行顺序与优先级

1. 执行顺序：在JavaScript的事件循环中，当主线程空闲时，会从宏任务队列中选择一个任务进行执行。当一个宏任务执行完毕后，会检查是否有微任务队列，如果有，则将微任务队列中的所有任务依次执行完毕，然后再继续选择下一个宏任务执行。这样的过程循环进行，形成了事件循环。
2. 优先级：由于微任务在宏任务执行完毕后立即执行，因此微任务具有更高的优先级。这意味着在当前任务执行结束后，所有微任务都会被立即执行，而宏任务只有在所有微任务执行完毕后才会执行。

三、常见任务归类

1. 宏任务常见实例：script（整个代码脚本）、setTimeout、setInterval、setImmediate（Node.js环境）、I/O操作、UI渲染、requestAnimationFrame等。
2. 微任务常见实例：Promise的then和catch、MutationObserver（浏览器环境）、process.nextTick（Node.js环境）以及queueMicrotask()方法等。

综上所述，宏任务和微任务的主要区别在于它们的定义、执行顺序和优先级以及常见的任务类型。理解这些差异有助于更好地处理JavaScript中的异步操作，并避免意外的执行顺序问题。