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

2024-01-07 18:03:15

首先我们知道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的事件循环遵循一个"执行栈 - 微任务队列 - 宏任务队列"的执行顺序。

文章来源:https://blog.csdn.net/qq_17335549/article/details/135436343
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。