前端 js/浏览器/node /js 引擎的事件循环机制，宏任务、微任务

首先我们知道js是单线程的，所以有了事件循环机制来处理异步任务，

我们一般说的事件循环机制指 js  引擎的事件循环机制，js是一个编程语言，哪来的事件循环，前端常见的 js 引擎有浏览器和node。

所以在面试中问道【你知道事件循环机制的逻辑吗？】一般就是说的浏览器的事件循环机制，但是浏览器是一个很复杂的系统，浏览器本身有很多进程要处理很多事情。所以，我们在面试中提到的事件循环是指，浏览器内部的 js 引擎对于 js 代码执行时的事件循环，对于 chrome 浏览器就是 v8 引擎。

浏览器环境的事件循环机制则更广泛，包括了JavaScript引擎的事件循环，同时还处理浏览器的其他任务，比如DOM事件、渲染等。这两者共同协作，使得浏览器能够以用户友好的方式响应交互、处理异步操作，并渲染页面。

所以，当我们说"事件循环机制"时，通常是在讨论JavaScript引擎内部的机制，但在浏览器环境中，它还涉及到其他方面的任务和事件。

同理还有 node 环境中  js 引擎的事件循环机制。

JavaScript引擎的事件循环机制包括调用栈、任务队列、微任务队列等概念，用于协调和执行异步任务。它确保JavaScript代码的执行是单线程的，同时能够处理异步任务，如定时器、事件处理、Promise回调等。

不论哪种环境，我们需要熟悉掌握的就是 js 引擎的事件循环机制。

JavaScript 引擎事件循环机制基本概念：

1. 调用栈（Call Stack）： 保存执行上下文的栈结构。当函数被调用时，会将其执行上下文推入调用栈，当函数执行完成时，将其从调用栈中弹出。

2. 任务队列（Task Queue）： 异步任务的回调函数会被放入任务队列。任务队列中的任务在调用栈为空时，会被移到调用栈执行。

3. 微任务队列（Microtask Queue）： 用于存放微任务（例如Promise回调、process.nextTick【node】、MutationObserver等），微任务会在当前宏任务执行结束后立即执行。

4. 事件循环（Event Loop）： 负责协调调用栈、任务队列和微任务队列的执行顺序。

JavaScript 引擎事件循环机制顺序

1. 执行同步代码： 从顶部执行调用栈中的同步代码，直到调用栈为空。

2. 检查微任务队列： 执行微任务队列中的所有任务。微任务包括Promise回调、process.nextTick、MutationObserver等。

3. 检查宏任务队列： 选择宏任务队列中的一个任务，将其回调函数推入调用栈执行。宏任务包括定时器回调、事件处理函数等。

JavaScript的事件循环遵循一个"执行栈 - 微任务队列 - 宏任务队列"的执行顺序。