js Event Loop事件循环

最新推荐文章于 2024-06-16 18:09:06 发布
最新推荐文章于 2024-06-16 18:09:06 发布
阅读量83 收藏
点赞数
分类专栏： 前端学习 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BBBear_/article/details/127197432
版权

事件分为三类：全局代码、微队列任务、宏队列任务

  微队列：包括Promise

  宏队列：包括SetInterval（），SetTimeouot()等

整体顺序：全局代码>微队列>宏队列

执行流程：

1、先执行全局代码，遇到Promise，将其回调函数放入微队列，遇到定时器将其回调放入宏队列

2、全局执行完毕，去微队列中取队首执行第一个回调任务，直到执行完毕

3、再去依次执行宏队列的回调任务，直到执行完毕（若中间又有Promise，则转去先执行微队列回调任务，执行完再回来）

BBBear_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS中的Event Loop 事件循环机制
VanCzech的博客
06-14 268
同步任务都在主线程（JS引擎线程）上执行，形成一个执行栈。 主线程之外，事件触发线程管理着一个任务队列，异步任务有运行结果时，就将事件回调放入任务队列。 执行栈中的同步任务执行完毕，JS引擎线程就会读取任务队列，添加到执行栈中，开始执行。...
javascript中的event loop事件循环详解
10-17
在JavaScript中，Event Loop（事件循环）是一种核心机制，用于处理单线程环境下的同步和异步任务执行。JavaScript引擎遵循ECMAScript规范，其设计为单线程，这意味着同一时间只能执行一个任务。这种设计是为了避免在...
JS的事件循环(Event Loop)
xufang461010923的专栏
09-21 2867
一、任务树。
JS event loop 事件循环
halations的博客
11-04 463
javascript是一门单线程的非阻塞的脚本语言。 javascript引擎就是通过event loop（事件循环）来实现“非阻塞”的。 正文 我们知道，当我们调用一个方法的时候，js会生成一个与这个方法对应的执行环境（context），又叫执行上下文。这个执行环境中存在着这个方法的私有作用域，上层作用域的指向，方法的参数，这个作用域中定义的变量以及这个作用域的this对象。 而当一系列方法被依次调用的时候，因为js是单线程的，同一时间只能执行一个方法，于是这些方法被排队在一个单独的地方。这个地方被
js eventLoop 事件循环机制
qq_42744920的博客
04-23 1299
js是单线程脚本语言 why？ js作为主要运行在浏览器的脚本语言，js主要用途之一是操作DOM。如果js同时有多个线程，同时对同一个dom进行操作，这时浏览器应该听哪个线程的，如何判断优先级呢？为了避免这种问题，js必须是一门单线程语言； 因此，js在同一时间，只能做同一件事，为了协调事件、用户交互、脚本、UI渲染和网络处理等行为，防止主线程阻塞，Event Loop应运而生； 什么是 EventLoop？ Event Loop顾名思义：“事件循环”，是指浏览器或Node环境的一种解决javaScript
JavaScript Event Loop事件循环机制理解
weixin_45221036的博客
05-11 104
JavaScript Event Loop JavaScript是一门单线程的语言，它的异步和多线程的实现是通过event loop事件循环机制来实现的大体有三个部分组成，调用栈（call stack）、消息队列（Message Queue）、微任务队列（Microtask Queue） 优先级是调用栈>微任务>消息队列 ①全是同步方法 function func1(){ cosole.log(1); } function func2(){ console.log(2);
js事件循环机制(Event Loop)
天高任鸟飞
02-11 1674
event loop它最主要是分三部分：主线程、宏队列（macrotask）、微队列（microtask）
Nodejs中的Event Loop事件循环
small_white_123的博客
01-04 779
Nodejs中的事件循环的概念、6个阶段
EventLoop 事件循环机制
Dark_programmer的博客
03-13 6925
Event Loop 在JavaScript中，任务被分为两种，一种宏任务（MacroTask)也叫Task，一种叫微任务（MicroTask)。
详解JavaScript中的Event Loop（事件循环）机制
HelloWorldLJY的博客
01-15 905
前言 我们都知道，javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器交互。 单线程意味着，javascript代码在执行的任何时候，都只有一个主线程来处理所有的任务。 而非阻塞则是当代码需要进行一项异步任务（无法立刻返回结果，需要花一定时间才能返回的任务，如I/O事件）的时候，主线程会挂起（pending）这个任务，然后在异步任务返回结果的时候再根据一定规则去执行相应的回调。 单线程是必要的，也是javascript这门语言的基石，原因之一在其最初也是最主
深入理解 Event Loop事件循环机制
01-08
事件循环机制（Event Loop）是全面了解javascript代码执行顺序绕不开的一个重要知识点。 为什么会有事件循环机制？ javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器...
node.js中对Event Loop事件循环的理解与应用实例分析
10-15
在Node.js中，Event Loop（事件循环）是其异步非阻塞I/O模型的核心部分。JavaScript是单线程的，这意味着所有的代码都在同一个线程中运行，这导致了一个问题：当有耗时的操作如I/O或网络请求时，如果它们是同步的，...
深入分析JavaScript 事件循环(Event Loop)
10-15
主要介绍了JavaScript 事件循环(Event Loop)的的相关资料，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下
JavaScript运行机制之事件循环(Event Loop)详解
10-25
主要介绍了JavaScript运行机制之事件循环(Event Loop)详解,本文从多个方面讲解了Event Loop,需要的朋友可以参考下
HTML入门教程：深度解析HTML，开启你的前端技术之旅
zhangwenok的博客
06-14 1476
HTML（HyperText Markup Language，超文本标记语言）是前端开发的基础，它负责构建网页的结构和内容。作为前端技术栈的基石，HTML的掌握程度直接影响到网页的开发效率和用户体验。本教程将带你从零开始，逐步深入了解HTML的各个方面，帮助你打下坚实的前端技术基础。HTML是一种用于创建网页的标准标记语言，它通过一系列的元素（elements）和标签（tags）来定义网页的结构和内容。HTML文档由一系列的元素组成，这些元素通过标签来标识。
工具链--nuxt框架 简介（一）
最新发布
qq_35876316的博客
06-16 338
Nuxt框架是一个基于Vue.js的服务器端渲染（SSR）框架，旨在提供一套完整的前端开发解决方案，帮助开发者构建高性能、可扩展的Web应用。是一个功能强大、易于使用的Web开发框架，适用于多种开发场景和需求。Nuxt框架建立在Vue.js之上，它抽象出了管理异步数据、中间件和路由所涉及的大部分复杂配置。Nuxt不仅继承了Vue.js的所有优点，如易用性、灵活性等，还与Node.js紧密集成，使得开发者可以在项目中轻松地使用Node.js的各种功能。
（Javascript）AI数字人mp4转canvas播放并去除背景绿幕
lx_nhs的博客
06-12 583
去除前：去除后： 3、可能会出现的报错 （1）视频路径跨域问题：解决：vue开启代理
VUE el-select Select 选择器 选项是对象，显示是一个值name ，但是绑定的对象值是id方案
mqiqe的专栏
06-14 326
在 Vue 中使用 Element UI 的 el-select 组件时，如果希望显示对象的某个属性（如 name），但实际绑定的是对象的另一个属性（如 id），需要使用 value-key 和 label 属性来分别指定这两个属性。在这个示例中，v-model=“selectedId” 用于绑定选择的值，该值将是选中项的 id。当用户选择一个选项时，selectedId 将被更新为选中项的 id，而 el-select 下拉列表中显示的是每个选项的 name 属性。
EventLoop事件循环
05-10
EventLoop（事件循环）是一种在单线程中实现并发的机制。它是由Node.js引擎提供的一种机制，用于处理并响应事件。Node.js中的大多数API都是基于事件驱动的，因此EventLoop是Node.js中非常重要的一个概念。 在Event...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值