事件循环和任务队列
事件循环
JavaScript 事件循环是一种处理异步事件和回调函数的机制，它是 JavaScript 实现异步编程的核心。
由于 JavaScript 是单线程的，在执行代码时不能同时执行多个任务。JavaScript 引入了异步编程模型和事件循环机制，它可以监听消息队列中的事件并根据优先级顺序依次执行相应的回调函数。这种机制允许 JavaScript 在等待某些操作完成的同时，可以执行其他任务，从而避免了阻塞，提高了效率和并发性。
宏任务和微任务
JavaScript 中的宏任务和微任务都与事件循环（event loop）和异步编程有关。它们是用来处理异步代码执行顺序的机制。宏任务和微任务的引入主要是为了更好地管理异步代码的执行顺序，提高程序的性能和响应性。
- 宏任务（Macro tasks）：
- 宏任务代表一些较大的、耗时较长的操作，比如 I/O 操作、定时器事件、用户交互事件（比如鼠标点击、键盘事件等）。
- 当宏任务被放入执行队列时，JavaScript 引擎会等待所有的微任务执行完毕后，再执行宏任务。
- 微任务（Micro tasks）：
- 微任务是一些相对较小的任务，比如 Promise 的回调函数、MutationObserver 的回调函数等。
- 微任务通常比宏任务的执行优先级要高，它们会在当前事件循环迭代结束后立即执行。
引入微任务的原因主要有以下几点：
- 更细粒度的控制：微任务的引入允许开发者在一个事件循环内部有更细粒度的控制。比如，在一个宏任务执行完毕后，可以立即执行微任务，而不用等待下一个宏任务。
- 提高响应性：微任务允许开发者在当前任务执行完毕后立即执行一些重要的操作，比如更新 UI，以提高程序的响应性。这对于用户体验非常重要。
- 解决异步回调地狱：微任务和 Promise 等异步编程技术的结合，使得异步代码的书写和管理更加清晰和可读。它可以避免回调地狱（Callback Hell）问题，提高代码的可维护性。
综上所述，引入微任务主要是为了提供更好的异步编程体验，允许开发者更细致地控制代码的执行顺序，从而提高程序的性能和响应性。