宏任务和微任务

宏任务和微任务

在 JavaScript 中，宏任务和微任务是==异步任务的执行方式==，它们的执行机制有所不同。

宏任务（Macrotask）通常是==由浏览器或 Node.js 提供的 Web API 触发的，例如 setTimeout、setInterval、XMLHttpRequest 等。当一个宏任务完成后，会将其对应的回调函数(微任务)放入执行队列中等待执行==。执行队列采用先进先出的原则，排在前面的任务先被执行。

微任务（Microtask）则是==在当前宏任务执行完毕后立即执行的任务==，这些任务通常包括 Promise 的回调函数、MutationObserver 的回调函数等。与宏任务不同，微任务需要优先级更高，在每次宏任务执行完毕后都会先执行完所有微任务，然后再执行下一个宏任务。

形象示例

举个形象的例子来说明：假设你要去买一杯咖啡，可以将这个过程看作一个宏任务。在这个宏任务中，你需要完成多个子任务，比如到咖啡店、选择咖啡、等待咖啡师制作、付款等等。而微任务则是在这些子任务完成后需要马上处理的事情，比如检查自己的钱包、给朋友发一条消息告知自己正在购买咖啡等等。

具体来说，当你完成选择咖啡这一个子任务时，咖啡店的服务员会告诉==你需要等待多长时间才能拿到咖啡。这个等待时间就可以看作是一个微任务==，因为它需要在宏任务（购买咖啡）完成之后立即执行。当你最终付款离开咖啡店时，你可能还有其他事情要处理，比如将购买记录存入自己的账本中。这也是一个微任务，需要在宏任务完成之后立即执行。

总的来说，宏任务和微任务都是异步任务的执行方式，在实际开发中可以根据需要选择合适的任务类型来进行处理，从而提升代码的性能和可读性。