首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

js事件循环

首先,我们来解释下事件循环是个什么东西: 就我们所知,浏览器的js是单线程的,也就是说,在同一时刻,最多也只有一个代码段在执行,可是浏览器又能很好的处理异步请求,那么到底是为什么呢?...我们先来看一张图(这张图来自于http://www.zcfy.cc/article/node-js-at-scale-understanding-the-node-js-event-loop-risingstack...从上图我们可以看出,js线程它是有一个执行栈的,所有的js代码都会在执行栈里运行。...而当主线程执行完栈中的所有代码后,它就会检查任务队列是否有任务要执行,如果有任务要执行的话,那么就将该任务放到执行栈中执行。如果当前任务队列为空的话,它就会一直循环等待任务到来。...原因:因为一开始js线程中跑的任务就是macrotask任务,而根据事件循环的流程,一次事件循环只会执行一个macrotask任务,因此,执行完主线程的代码后,它就去从microtask队列里取队首任务来执行

18.8K41

JS 循环链表

循环链表的概念循环链表是一种链表的变体,其中链表中的最后一个节点指向链表的头节点,形成一个循环或环状结构。与普通链表不同,循环链表没有明确的结束点。...循环链表具有以下几个特点:循环性:循环链表是通过将最后一个节点指向头节点来形成循环的闭合结构。这意味着链表中没有明确的结束点,可以从任何节点开始遍历整个链表,直到回到原始出发节点。...灵活性:由于循环链表是循环的,因此可以在任意位置插入或删除节点,而无需修改其他节点的指针。这使得循环链表在某些场景下更加灵活和高效,例如实现循环列表、轮播图等。...场景应用:循环链表常用于需要循环遍历的场景。例如,在游戏开发中,可以使用循环链表来实现循环列表,遍历玩家角色队列;在轮播图或循环播放的场景中,可以使用循环链表来管理展示内容的顺序。...实现一个循环列表在 JavaScript 中,循环链表是一种特殊的链表结构,其中最后一个节点指向头节点,形成一个循环。这种数据结构可以用于处理需要连续循环遍历的场景。

12810

JS 事件循环

,脚本执行,事件处理等 其包含的线程有:GUI 渲染线程(负责渲染页面,解析 HTML,CSS 构成 DOM 树)、JS 引擎线程、事件触发线程、定时器触发线程、http 请求线程等主要线程 关于执行中的线程...: 主线程:也就是 js 引擎执行的线程,这个线程只有一个,页面渲染、函数处理都在这个主线程上执行。...工作线程:也称幕后线程,这个线程可能存在于浏览器或js引擎内,与主线程是分开的,处理文件读取、网络请求等异步事件。...主线程内的任务执行完毕为空,会去任务队列读取对应的任务,推入主线程执行。 上述过程的不断重复就是我们说的 Event Loop (事件循环)。...最后的最后,记住,JavaScript 是一门单线程语言,异步操作都是放到事件循环队列里面,等待主执行栈来执行的,并没有专门的异步执行线程

15.4K10

浅谈JS线程

但是浏览器却又允许多线程执行。 虽然JavaScript是单线程,但是是有子线程存在的。 所以主线程下就会产生一个任务队列,相当于分为了两个任务,一个是同步任务,一个是异步任务。...异步任务,也就是任务队列会先执行,有了结果就会返回一个事件,等待主线程读取。当主线程的同步执行完毕,就是主线程空了,那么就会读取任务队列。...任务队列的结构是先进先出,当主线程读取了一个任务队列,那么这个主线程就会继续读取下一个任务队列,循环往复,直到执行完毕所有任务。...while方法,主线程一直死循环,也就没办法执行完毕,那么下一个任务队列的线程就无法执行到。...由于线程机制使用不多,还无法准确理解,只能先写写自己最简单的理解。线程的内容还很多,有轮询、队列、浏览器的线程,这些都是需要一定的理解。

74420

node.js 事件循环

node.js是单线程的应用程序,但是他可能通过event和callback来支持并发。所有的node.js都是单线程的,也是异步的,他们使用调用异步函数来维持高并发。Node使用观察者模式。...Node的线程会保持一个事件循环,当有任务完成时,他会触发相应的事件,通知事件监听函数执行。      事件驱动程序      node.js大量的使用事件,这也是和其他相同技术相比更快的原因。...在一个事件驱动应用程序内,一般会有一个主要的循环用于事件监听,当有一个事件被发现就会触发相应的回调函数。  ?   ...事件循环和回调(callback)特别像,他们的不同之处在于,回调函数(callback)只有在异步函数执行完后才被会被执行调用,而事件处理工作于观察者模式。...还有一篇讲事件循环的文章很不错,有时间 大家可以读一下: https://blog.risingstack.com/node-js-at-scale-understanding-node-js-event-loop

3K60

JS 事件循环 Node 篇

JS 事件循环 Node 篇 之前介绍过浏览器中的事件循环,本文将详细介绍 Node 中的事件循环。...首先要明确的是,事件循环同样运行在单线程环境下,JavaScript 的事件循环是依靠浏览器实现的,而Node 作为另一种运行时,事件循环由底层的 libuv 实现。...根据 Node.js 官方介绍,每次事件循环都包含了6个阶段,如下图所示 image-20220404145555012 「注意」:每个框被称为事件循环机制的一个阶段。...timer 在预设时间到了就会立即执行,因为 Node 对timer的过期检查不一定靠谱,它会受机器上其它运行程序影响,或者那个时间点主线程不空闲。...总结 Node.js 的事件循环分为6个阶段 浏览器和Node 环境下,microtask任务队列的执行时机不同 Node.js中,microtask 在事件循环的各个阶段之间执行 浏览器端,microtask

2.2K10

js 循环性能测试

简单测试一下js常用三个循环的性能情况 测试代码如下,分别在不同内存情况、不同循环次数下的执行耗时情况。 执行环境为 Mac M3芯片的 nodejs 环境。...当内存为10G的时候,循环耗时 map < foreach < forin 当内存为5G的时候,循环耗时 foreach < forin < map 其中最后使用3072M内存的时候直接内存溢出了,没有结果...2、一千万次循环结果比较 当内存为10G的时候,循环耗时 forin < foreach < map 当内存为5G的时候,循环耗时 forin < foreach < map 当内存为3G的时候,循环耗时...,循环耗时 foreach < forin < map 当内存为3G的时候,循环耗时 foreach < forin < map 可以看出此内存环境下,三者耗时情况一样 2、十万次循环结果比较 当内存为...10G的时候,循环耗时 foreach < map < forin 当内存为5G的时候,循环耗时 foreach = map < forin 当内存为3G的时候,循环耗时 foreach = map <

12010
领券