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

目录
相关文章
|
5月前
|
JavaScript 前端开发 Java
【Java进阶】详解JavaScript事件
总的来说,JavaScript事件是JavaScript交互设计的核心,理解和掌握JavaScript事件对于编写高效、响应式的网页应用至关重要。
86 15
|
11月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
93 3
|
8月前
|
JavaScript 前端开发 测试技术
盘点原生JavaScript中直接触发事件的方式
本文全面探讨了原生JavaScript中触发事件的多种方式,包括`dispatchEvent`、`Event`构造函数、`CustomEvent`构造器、直接调用事件处理器以及过时的`createEvent`和`initEvent`方法。通过技术案例分析,如模拟点击事件、派发自定义数据加载事件和实现提示框系统,帮助开发者掌握这些方法在实际开发中的应用,提升灵活性与兼容性。
216 3
|
10月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
325 5
|
11月前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
153 6
|
11月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
539 0
|
11月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
106 0
|
11月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
|
11月前
|
JavaScript 前端开发 Android开发
JavaScript触摸touch事件
JavaScript触摸touch事件
|
11月前
|
JavaScript 前端开发 UED
JavaScript 计时事件
JavaScript 计时事件
54 0