js事件队列

简介: js事件队列

什么是js事件队列?

队列:通俗讲就是排队
事件队列:就是多个事件在排队
那么js中事件队列就是在js执行过程中,有一个以上的事件需要执行

setTime(function () {
   
console.log(1);
},0);
for (var i = 0; i < 100000; i++){
   
console.log(2)
}

上述代码是前端开发中经常会遇到的
代码中有两个函数方法,也就js事件
js在执行过程中,通常都是按照代码先后顺序去执行,也称之为同步
但是,往往有的时候,需要改变js事件的执行顺序
当js执行第一个事件时,虽然setTime设置的时间是0
但是js并不会等待,而是将setTime事件暂时存放到事件队列中,继续按照顺序执行后续的代码
而setTime中的事件怎么办呢?
难道不执行了吗?不,会执行,只不过要等待js空闲的时候
那么js什么时候空闲呢?
当js执行完后面的循环后就空闲了
所以上述代码的输出结果就是100000次2和1

相关文章
|
25天前
|
JavaScript 前端开发
JavaScript 事件
JavaScript 事件
29 2
|
7天前
|
JavaScript 前端开发 API
详解队列在前端的应用,深剖JS中的事件循环Eventloop,再了解微任务和宏任务
该文章详细讲解了队列数据结构在前端开发中的应用,并深入探讨了JavaScript的事件循环机制,区分了宏任务和微任务的执行顺序及其对前端性能的影响。
|
2月前
|
JavaScript 前端开发
javascript中常用的事件
这篇文章列出并演示了JavaScript中常用的DOM事件,包括失去焦点、获得焦点、鼠标点击、键盘事件等,并展示了如何通过直接在HTML标签中使用事件句柄和通过JavaScript为元素添加事件监听器两种方式来注册事件。
|
2月前
|
JavaScript 前端开发
JavaScript 事件的绑定
JavaScript 事件的绑定
33 0
|
7天前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
14 5
|
7天前
|
监控 JavaScript 前端开发
|
25天前
Nest.js 实战 (十二):优雅地使用事件发布/订阅模块 Event Emitter
这篇文章介绍了在Nest.js构建应用时,如何通过事件/发布-订阅模式使应用程序更健壮、灵活、易于扩展,并简化服务间通信。文章主要围绕@nestjs/event-emitter模块展开,这是一个基于eventemitter2库的社区模块,提供了事件发布/订阅功能,使得实现事件驱动架构变得简单。文章还介绍了如何使用该模块,包括安装依赖、初始化模块、注册EventEmitterModule、使用装饰器简化监听等。最后总结,集成@nestjs/event-emitter模块可以提升应用程序的事件驱动能力,构建出更为松耦合、易扩展且高度灵活的系统架构,是构建现代、响应迅速且具有高度解耦特性的Nest.
|
2月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
58 1
|
20天前
|
JavaScript 前端开发
|
2月前
|
JavaScript 前端开发
js的回车事件
js的回车事件
41 3