首先我们知道js是单线程的,所以有了事件循环机制来处理异步任务,
我们一般说的事件循环机制指 js 引擎的事件循环机制,js是一个编程语言,哪来的事件循环,前端常见的 js 引擎有浏览器和node。
所以在面试中问道【你知道事件循环机制的逻辑吗?】一般就是说的浏览器的事件循环机制,但是浏览器是一个很复杂的系统,浏览器本身有很多进程要处理很多事情。所以,我们在面试中提到的事件循环是指,浏览器内部的 js 引擎对于 js 代码执行时的事件循环,对于 chrome 浏览器就是 v8 引擎。
浏览器环境的事件循环机制则更广泛,包括了JavaScript引擎的事件循环,同时还处理浏览器的其他任务,比如DOM事件、渲染等。这两者共同协作,使得浏览器能够以用户友好的方式响应交互、处理异步操作,并渲染页面。
所以,当我们说"事件循环机制"时,通常是在讨论JavaScript引擎内部的机制,但在浏览器环境中,它还涉及到其他方面的任务和事件。
同理还有 node 环境中 js 引擎的事件循环机制。
JavaScript引擎的事件循环机制包括调用栈、任务队列、微任务队列等概念,用于协调和执行异步任务。它确保JavaScript代码的执行是单线程的,同时能够处理异步任务,如定时器、事件处理、Promise回调等。
不论哪种环境,我们需要熟悉掌握的就是 js 引擎的事件循环机制。
JavaScript 引擎事件循环机制基本概念:
-
调用栈(Call Stack): 保存执行上下文的栈结构。当函数被调用时,会将其执行上下文推入调用栈,当函数执行完成时,将其从调用栈中弹出。
-
任务队列(Task Queue): 异步任务的回调函数会被放入任务队列。任务队列中的任务在调用栈为空时,会被移到调用栈执行。
-
微任务队列(Microtask Queue): 用于存放微任务(例如Promise回调、
process.nextTick【node】、MutationObserver
等),微任务会在当前宏任务执行结束后立即执行。 -
事件循环(Event Loop): 负责协调调用栈、任务队列和微任务队列的执行顺序。
JavaScript 引擎事件循环机制顺序
-
执行同步代码: 从顶部执行调用栈中的同步代码,直到调用栈为空。
-
检查微任务队列: 执行微任务队列中的所有任务。微任务包括Promise回调、
process.nextTick、MutationObserver
等。 -
检查宏任务队列: 选择宏任务队列中的一个任务,将其回调函数推入调用栈执行。宏任务包括定时器回调、事件处理函数等。
JavaScript的事件循环遵循一个"执行栈 - 微任务队列 - 宏任务队列"的执行顺序。