事件循环机制

最新推荐文章于 2025-03-11 19:18:40 发布
原创 最新推荐文章于 2025-03-11 19:18:40 发布 · 90 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#node.js #javascript

这篇博客深入探讨了JavaScript的单线程执行模型，详细解析了GUI渲染线程、JS引擎线程等浏览器中常用线程的工作原理。同时，介绍了EventLoop和EventQueue的概念，阐述了宏任务与微任务的执行顺序，包括setTimeout、Promise、async/await等异步处理方式。此外，还提到了WebWorker在多线程中的应用。

知识点

  • 进程与线程 & 浏览器中常用的线程

    • GUI渲染线程

    • JS引擎线程

    • 事件触发线程

    • 定时触发器线程

    • 异步HTTP请求线程

    • WebWorker

    • …

  • JS是单线程异步编程

    • EventLoop

    • EventQueue

    • WebAPIS

    • 宏任务 macrotask [ˈmækroʊ]

    • 微任务 microtask [ˈmaɪkroʊ]

宏任务 macrotask微任务 microtask
setTimeout/setIntervalrequestAnimationFrame「有争议」
事件绑定/队列Promise.then/catch/finally
XMLHttpRequest/Fetchasync/await
setImmediate「Node」queueMicrotask
MessageChannelprocess.nextTick「Node」
MutationObserver
IntersectionObserver

 

l__ll__l
关注
《十六》JavaScript 中的线程机制与事件机制
花铛
03-13 958
JS 作为浏览器的脚本语言，主要用来实现与用户的交互以及操作 DOM，如果 JS 是多线程的话，会带来很严重的同步问题。例如：一个线程要在一个 DOM 节点中增加内容，另一个线程要删除这个 DOM 节点，那么这个 DOM 节点究竟是要增加还是删除呢？会带来严重的同步问题。
一文大白话讲清楚Node中的事件循环机制
xiaobangkeji的博客
01-15 1224
一文大白话讲清楚Node中的事件循环机制
js 线程
Beamon__的博客
03-18 1048
什么是线程？ 提到线程，必不可少提到进程了，百度解释如下： 进程：操作系统分配的占有CPU资源的最小单位。拥有独立的地址空间。 线程：安排CPU执行的最小单位。同一个进程下的所有线程，共享进程的地址空间。 简单讲，计算机就像工厂，进程是个大车间，计算机内部有很多个这样的大车间。线程是工人，每一个车间里的工人至少有一个。 js是单线程还是多线程？ javaScript是单线程执行机制。 ...
【JavaScript】 线程和进程
小秀的博客
07-23 1123
当操作系统命令 CPU 去执行一个进程时，实际上是该进程的多个线程之间切换执行，主要是为了充分利用多核 CPU（比如线程数 === CPU 数，线程永不阻塞，没有 io，只存在大量运算）。此外，JS 最初是为了解决⽹⻚交互的问题⽽诞⽣的，⽽⽹⻚交互的需求⼤部分是基于⽤户事件的，⽐如点击按钮、输⼊⽂本等。比如在大文件上传过程中的 hash 计算部分，由于需要读取所有文件，依次将每一个分片计算 hash ，是 CPU 密集型应用，直接在主线程操作会造成页面卡顿，所以需要开启额外的 线程来计算 hash。
JS线程__详解
Elementsboy的博客
06-15 3570
JS线程 很多文章在介绍线程以及线程之间的关系，都存在着脱节的现象。还有的文章过于广大，涉及到了内核，本文希望以通俗易懂的话去描述晦涩的词语，可能会和实际有一丢丢的出入，但是更易理解。 我们都知道JS是单线程的，即js的代码只能在一个线程上运行，也就说，js同时只能执行一个js任务，但是为什么要这样呢？这与浏览器的用途有关，JS的主要用途是与用户互动和操作DOM。设想一段JS代码，分发到两个并行互不相关的线程上运行，一个线程在DOM上添加内容，另一个线程在删除DOM，那么会发生什么？以哪个为准？所以为了避免
JS多线程
顺其自然~专栏
07-06 4991
JS是多线程的吗？ 多线程编程相信大家都很熟悉，比如在界面开发中，如果一个事件的响应需要较长时间，那么一般做法就是把事件处理程序写在另外一个线程中，在处理过程中，在界面上面显示类似进度条的元素。这样界面就不会卡住，并且能够显示任务执行进度。记得刚开始做前端的时候，老板交代在界面上面做一个定时器，每秒更新用户的在线时间。当时拥有Java和C++开发经验的我自信满满的说我加一个线程就可以分分钟搞定了。所以查阅文档，发现setTimeout和setInterval可以很方便的实现该功能。那时候我就认为这就是JS
深入理解 Event Loop事件循环机制
01-08
Event Loop事件循环机制 事件循环机制（Event Loop）是全面了解javascript代码执行顺序绕不开的一个重要知识点。 为什么会有事件循环机制？ javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初...
JS事件循环机制event loop宏任务微任务原理解析
10-14
JavaScript事件循环机制（Event Loop）是JavaScript异步执行的核心，它确保了代码的有序执行，尤其是在处理复杂的异步操作时。JavaScript引擎遵循ECMAScript规范，设计为单线程执行，这意味着同一时间只能执行一条...
【JavaScript运行机制】深入解析JavaScript单线程特性及其事件循环机制
最新发布
07-20
内容概要：本文详细介绍了JavaScript的运行机制，涵盖进程与线程的基本概念、浏览器与Node.js中的事件循环机制。文章首先解释了进程与线程的区别，指出进程是资源分配的最小单位，线程是调度的最小单位，并强调了多...
JavaScript事件循环机制
LeonNo11的博客
03-11 891
这些概念对于理解 JavaScript 的异步执行至关重要！JavaScript 是。
彻底明白 JS 线程
u010227042的博客
07-21 2336
很多文章在介绍线程以及线程之间的关系，都存在着脱节的现象。还有的文章过于广大，涉及到了内核，本文希望以通俗易懂的话去描述晦涩的词语，可能会和实际有一丢丢的出入，但是更易理解。 我们都知道JS是单线程的，即js的代码只能在一个线程上运行，也就说，js同时只能执行一个js任务，但是为什么要这样呢？这与浏览器的用途有关，JS的主要用途是与用户互动和操作DOM。设想一段JS代码，分发到两个并行互不相关的线程上运行，一个线程在DOM上添加内容，另一个线程在删除DOM，那么会发生什么？以哪个为准？所以为了避免复杂性，
js多线程解释与运用
一只小白奔向大牛的故事
08-05 2268
1,提出问题 执行一个同步操作时,如果耗时非常长,导致主线程堵塞的问题 问题的产生:由于用户界面和js进程公用一个线程,js高强度的计算会导致浏览器无暇 顾忌用户界面,进入假死状态 2,多线程 通过使用 web worker,我们可以在浏览器的后台运行js,进而不占用浏览器自身线程 ...
js多线程
飞一样的编程
01-16 3637
推荐文章      http://www.cnblogs.com/0banana0/archive/2011/06/01/2067402.html 下载js:           http://blog.csdn.net/qq_21119773/article/details/54575995 --------------------------------------------------
JavaScript线程
weixin_49981492的博客
07-26 749
线程 我们知道JavaScript是单线程,就是js代码只能在一个线程上运行,，JS的主要用途是与用户互动和操作DOM,我们的JavaScript代码是从上到下依次执行的,但是遇到回调函数,setTimeout和Ajax异步的时候,他可以通过主线程条用其他的线程, 常见的浏览器线程:GUI渲染线程,HTTP异步线程,定时器线程,事件监听线程,加上js主线程,这就是JavaScript的五大线程,它是通过js主线程调用其他子线程的 线程与进程 什么是进程？ 我们可以在电脑的任务管理器中查看到正在运行的进程，可
浅谈JS线程
weixin_33769125的博客
01-23 217
线程，对于后端的人来讲是很熟悉的，对于前端，却基本不会注意到。我们都知道JavaScript是单线程的，也就是说，同一个时间只能做一件事。说是为了避免复杂性，所以JavaScript从诞生就是单线程，将来也不会改变。 因为是单线程，我们开发的时候经常是有一个方法报错了，那么下面的方法也不会执行，这就是单线程。但是浏览器却又允许多线程执行。 虽然JavaScript是单线程，但是是有子线程存在的。 ...
JS中的多线程
qq_34754747的博客
03-25 1121
https://emcc.zcopy.site/docs/porting/pthreads/ Pthreads线程支持 emscripten允许在主线程和web worker之间共享内存和同步的原子操作，同时Emscripten能够实现对Pthreads (C中的Pthreads) API的支持，这种支持在Emscripten中被认为是稳定的。 1. 在使用emcc编译时，要启用多线程支持 ...
js javascript 实现多线程
weixin_30247781的博客
10-16 870
在讲之前，大家都知道js是基于单线程的，而这个线程就是浏览器的js引擎。 首先来看一下大家用的浏览器都具有那些线程吧。 假如我们要执行一些耗时的操作，比如加载一张很大的图片，我们可能需要一个进度条来让用户进行等待，在等待的过程中，整个js线程会被阻塞，后面的代码不能正常运行，这可能大大的降低用户体验，这时候我们就期望拥有一个工作线程来处理这些耗时的操作。在传统的html时代是基本不可能实现的，而...
js和node.js的事件轮询
肖梦
01-19 1708
一、为什么JavaScript是单线程？ JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。 JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问
JavaScript如何实现多线程?
热门推荐
张木期的博客
09-27 1万+
今天看到一道面试题，问js如何实现多线程?下面来总结一下： 我们都知道JS是一种单线程语言，即使是一些异步的事件也是在JS的主线程上运行的。像setTimeout、ajax的异步请求，或者是dom元素的一些事件，都是在JS主线程执行的，这些操作并没有在浏览器中开辟新的线程去执行，而是当这些异步操作被操作时或者是被触发时才进入事件队列，然后在JS主线程中开始运行。 首先说一下浏览器的线程，浏览器中主...
GDB事件循环机制解析
GDB的事件循环机制是其能够高效响应各种调试事件的基础，它有效地协调了用户交互和目标程序的运行，确保了调试过程的流畅性和准确性。通过理解和掌握这一机制，开发者能够更好地利用GDB进行程序调试，解决复杂问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值