js事件循環，js的事件循环机制面试题

js的事件循环和浏览器的帧数一样吗

nodejs事件循环和浏览器的事件循环不一样的。

事件循环，是 js 中老生常谈的一个话题了，而在浏览器和 Node 中的事件循环执行机制也不相同，浏览器的事件循环是在 HTML5 中定义的规范，而 Node 中则是由 libuv 库实现，不可以混为一谈。

可以看出， nextTick 优先级比 Promise 等 microTask 高， setTimeout 和 setInterval 优先级比 setImmediate 高。

事件队列在不同的宿主环境中有所差异，大部分宿主环境会将事件队列进行细分。在浏览器中，事件队列分为两种：举例：node环境，有很多队列，主要有以下三个，事件循环时，会挨个检查。

如果用 javascript 做 WYSIWYG 编辑器，所产生的HTML代码，差别比较明显，原因是各个浏览器的内核对DOM对象有不同的解释，API也不一样，要做到一致比较困难。如果是有经验的开发者，基本上会做到不同浏览器都有相同的效果。

相关问答

Q1: 聊一聊浏览器事件循环与前端性能

提到事件循环，相信现在多数前端小白并不陌生了。首先事件循环分为宏任务和微任务。

因此，JavaScript的事件循环和浏览器的帧数之间存在一定的关联，但它们并不完全相同。

除了IE外，其他浏览器会尝试为表达式左侧的字符串分配更多的内存，然后简单的将第二个字符串拷贝到他的末尾，如果在一个循环中，基础字符串位于最左侧，就可以避免重复拷贝一个逐渐变大的基础字符串。

浏览器标签最小化事件循环变慢的原因有：处理其他任务：当浏览器标签最小化时，操作系统会将资源分配给其他活动或优先级较高的任务，会导致浏览器事件循环的执行受到限制，速度变慢。

Q2: JS循环添加点击事件

绑定事件你写对了呀？但是前提你必须引用js。

用JS实现 点击‘提交’ 按钮变成 ‘继续添加’同时文本框变灰且只可读， 再次点击 ‘继续添加’ 文本框变回原来可写，按钮变成‘提交’。

可以在按钮元素上增加事件属性onclick，属性内写你要执行的代码或函数。也可以在代码中直接绑定事件，如通过querySelector等查找到元素后，在元素上直接加onclick事件。还可以通过事件指派，绑定事件在按钮上面。

td){ var id = td.innerText；alert(id)；} 诶呀，我也没测试。对dom绑事件好像有两种吧，另一个是addEventListener，为了兼容两种都要写的。这个兼容代码很多，楼主自己去找吧。我现在用jquery都用废了。

Q3: 浏览器事件循环与node事件循环

1、在 Node 环境中 任务类型 相对就比浏览器环境下要复杂一些：因此，也就产生了执行事件循环相应的任务队列 Timers Queue 、 I/O Queue 、 Check Queue 和 Close Queue 。

2、事件队列在不同的宿主环境中有所差异，大部分宿主环境会将事件队列进行细分。在浏览器中，事件队列分为两种：举例：node环境，有很多队列，主要有以下三个，事件循环时，会挨个检查。

3、事件循环，是 js 中老生常谈的一个话题了，而在浏览器和 Node 中的事件循环执行机制也不相同，浏览器的事件循环是在 HTML5 中定义的规范，而 Node 中则是由 libuv 库实现，不可以混为一谈。

4、Node只运行在一个单一线程上，至少从Node.js开发者的角度是这样的。在底层， Node是通过libuv来实现多线程的。Libuv库负责Node API的执行。

js事件循環的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js的事件循环机制面试题、js事件循環的信息别忘了在本站进行查找喔。