事件循环（Event Loop）

已于 2023-11-15 17:54:10 修改
阅读量48 收藏
点赞数
文章标签： 前端 javascript
于 2023-11-02 15:15:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A999_u/article/details/134182512
版权

JS的单线程

JS 主要用途是与用户进行交互，操作 DOM，并且同一个时间只能做一件事，（例如用户创建和删除的交互，如果是多线程的，浏览器以哪个线程为准？避免复杂性，JavaScript 就是单线程）

任务队列

因为JS的单线程，所有的任务执行都需要排队，只有前一个执行完，后一个才能继续执行，但有些任务非常耗时，这就造成了阻塞，所以在JS中，有了同步和异步任务，同步任务在主线程依次排队执行，而异步任务进入任务队列依次排队等待主线程的通知再依次执行。

总结来说事件循环就是单线程的JS在处理异步事件时进行的一种循环过程。

同步代码：函数调用、变量赋值、循环...

异步代码：回调函数、Promise、定时器...

执行顺序： 同步=>微任务=>宏任务

嘟嘟侠88
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解宏任务、微任务与事件循环 Event Loop
圆圆的 JavaScript 博客
10-19 1834
事件循环 Event Loop，是指浏览器或Node的一种解决javaScript单线程运行时“非阻塞”的一种机制，也就是我们经常使用异步的原理。本文会带你吃透“事件循环”，掌握底层原理，轻松应对JavaScript执行机制问题~
python 结束循环事件_Asyncio之事件循环EventLoop的使用
weixin_39770821的博客
12-18 1532
更多异步知识，关注公众号:python学习开发使用事件循环Python3.4 采用了一个强大的框架来支持代码的并发执行: asyncio。这个框架使用事件循环来编排回调和异步任务。事件循环位于事件循环策略的上下文中-这是 asyncio 所特有的概念。下图是协程，事件循环和策略之间的相互作用协程可以被认为是可以在明确标记有某种语法元素的阶段“暂停”的函数.通过任务对象跟踪协程的状态,由相应的事件循...
让你理解: 事件循环 eventloop
hmxs_hmbb的博客
05-23 558
面试官问起事件循环, 不会回答? 我来让你知道什么是事件循环
深入理解 事件循环event loop 这一篇就够了
一枚不断学习的小码农一枚~
03-26 1950
首先来了解一下浏览器执行中的线程 主线程： js引擎执行的线程，这个线程只有一个，页面渲染、函数处理都在这个线程上。 工作线程：也称幕后线程，这个线程可能存在于浏览器和js引擎内，与主线程是分开的，处理文件读取、网络请求等异步事件 任务队列（Event Queue）： 所有的任务都可以分为同步任务和异步任务 同步任务即为立即执行的任务，一般直接进入主线程中执行 异步任务不进入主线程，先放到辅助线程中处理，一般分为"发起函数"和"回调函数"(如setTimeout(fn(), 100)中setTimeout
事件循环eventLoop & 微任务和宏任务
weixin_65100963的博客
05-02 1079
事件循环 浏览器本身是一个复杂的系统，它要做的事情非常多，例如： 执行js代码，请求图片资源，解析css，渲染页面，响应鼠标的点击等等。在实现层面，浏览器内部会用不同的功能模块去完成不同的事情。这些不同的模块就体现为进程。 ...
事件循环Event Loop
hadry123的博客
05-14 722
主线程不断的从消息队列中获取消息，执行消息，这个过程被称为事件循环，在javaScript中就是采用事件循环来解决单线程带来的问题这个阶段执行timer（setTimeout、setInterval）的回调timers是事件循环的第一个阶段，当我们使用setTimeOut或者是setInterval时，node会检查timers堆中有无过期的timer，如果有则依次执行。
前端面试高频考点—事件循环Event loop
夏日漱石的博客
12-01 753
前端面试高频考点—事件循环Event loop总结
事件循环EventLoop
weixin_51599731的博客
12-02 269
事件循环EventLoop
关于Event Loop事件循环
m0_66504310的博客
12-01 428
Event Loop事件循环
javascript事件循环event loop的简单模型解释与应用分析
10-15
在深入探讨JavaScript事件循环（Event Loop）的简单模型之前，我们需要理解JavaScript的运行机制。JavaScript是一种单线程语言，意味着它在同一时间只能执行一个任务。这在处理复杂的操作时可能会造成阻塞。然而，...
前端js中的事件循环eventloop机制详解
10-17
【事件循环(event loop)机制详解】 在JavaScript中，事件循环是执行异步代码的核心机制。由于JavaScript引擎是单线程的，它一次只能执行一个任务。为了处理异步操作，如定时器、网络请求或用户交互，JavaScript引入...
Vue前端路由详解——以Ruoyi框架为案例学习
最新发布
警警的博客
09-03 652
Ruoyi框架前端路由通过Vue Router实现，支持静态路由和动态路由的配置，通过路由守卫实现权限控制等需求，采用路由懒加载提高应用性能，并通过路由元信息存储自定义信息。这些特性共同构成了Ruoyi框架前端路由的完整体系，为开发者提供了灵活、强大的路由管理能力。
前端的面试题
本人小可爱
08-30 742
【代码】前端的面试题。
跨页面进行数据通讯
榴莲不好吃的专栏
09-02 395
Broadcast Channel API 允许在一个源的不同窗口、标签页或 iframe 之间进行通信。这是一种实时的通信机制，非常适合需要实时同步数据的场景。3.iframe 数据通讯 postMessage/message（可设置不同源数据通讯）1.使用 LocalStorage 或 SessionStorage（同源）// 检查消息来源，确保来自正确的源。// 检查消息来源，确保来自正确的源。'Hello 来自父亲的消息!'Hello 来自儿子的消息!// 忽略来自自身的消息。
HTML ＜template＞ 标签的基本技巧
ufrontend的博客
08-30 1240
HTML中的标记是 Web 开发中一个功能强大但经常未得到充分利用的元素。它允许你定义可重复使用的内容，这些内容可以克隆并插入 DOM 中而无需最初渲染。此功能对于创建动态、交互式 Web 应用程序特别有用。在本文中，我们将探讨有效使用 标记的 10 个基本技巧，帮助你在项目中充分发挥其潜力。1. 了解 标记的基础知识 标记是一个 HTML 元素，它包含页面加载时不会渲染的客户端内容。
vue 通过事件的形式调用全局组件
liux6687的博客
08-29 1678
通过vue.use 挂载组件，然后在vue 原型上添加属性, 再通过调用属性方法传参的形式控制组件。这里我是写了一个文件上传组件。
js对象操作常用方法
m0_75276704的博客
09-02 378
2.构造函数创建 2.方括号 三、添加属性 四、删除属性 五、判断属性是否存在 1.in运算符 2.hasOwnProperty方法 六、遍历对象属性 1.for...in...循环 2.Object.keys，Object.values，Object.entries 七、深拷贝与浅拷贝 1.浅拷贝 2.深拷贝 八、合并对象 Object.assign 九、其他方法 1.Object.is() 比较两个
从面向对象(OOP)到面向切面(AOP)：编程范式的演变
妍思码匠的博客
08-30 1340
本文深入探讨了面向切面编程（AOP）在前端开发中的应用，解释了AOP如何通过动态增强与代码复用、降低模块间耦合度，为前端项目带来更高效、更模块化的解决方案。通过具体案例分析，如日志记录切面和动态埋点的实现，展示了如何利用装饰器模式、高阶组件等技术在前端实现AOP。理解AOP的原理与实践，将有助于开发者构建更易于维护和扩展的前端应用。无论你是前端新手还是资深开发者，本文都将为你提供有价值的见解和实用技巧。
事件循环机制eventloop
05-25
事件循环（Event Loop）是一种编程模型，它用于异步编程。在事件循环中，程序会不断地检查事件队列中是否有任务需要处理，如果有，则会按照一定的顺序依次处理这些任务，然后再继续检查。这种机制可以让程序在等待异步操作完成时不会阻塞，从而提高程序的并发性能。 在前端开发中，常见的事件循环机制是浏览器中的Event Loop。当浏览器执行JavaScript代码时，所有的代码都是在一个单线程中执行的。当遇到异步操作（如定时器、HTTP请求等）时，浏览器会将这些操作放入事件队列中，并等待它们完成。当主线程空闲时，浏览器会从事件队列中取出任务并执行，从而实现异步编程。 在后端开发中，Node.js也使用了事件循环机制。在Node.js中，事件循环机制被称为EventEmitter，它允许开发者创建自定义的事件并在事件触发时执行相应的回调函数。Node.js还提供了一些内置的异步API（如文件读写、网络通信等），这些API都是基于事件循环机制实现的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值