JavaScript事件对内存和性能的影响详情介绍

来源：懂视网责编：小采时间：2020-11-27 20:24:29

JavaScript事件对内存和性能的影响详情介绍

JavaScript事件对内存和性能的影响详情介绍:虽说事件处理程序可以为现代 Web 页面添加很强的交互能力，但是不分青红皂白就添加大量的事件处理程序绝对是一种愚蠢的行为。我们来分析一下：事件处理程序本质上是一种函数，是一种对象，存放在内存中，设置大量的事件处理程序会使内存中的对象变多，Web

推荐度：

点击下载本文 文档为doc格式

导读JavaScript事件对内存和性能的影响详情介绍:虽说事件处理程序可以为现代 Web 页面添加很强的交互能力，但是不分青红皂白就添加大量的事件处理程序绝对是一种愚蠢的行为。我们来分析一下：事件处理程序本质上是一种函数，是一种对象，存放在内存中，设置大量的事件处理程序会使内存中的对象变多，Web

事件委托只是一种非常不错的事件绑定的思想，所以不应该拘泥于上面的例子，要活学活用！ ^_^

移除事件处理程序

我们前面说过，事件处理程序存在于内存中，每当将事件处理程序指定给元素时，运行中的浏览器代码与支持页面交互的 JavaScript 代码之间就会建立一个连接。这种连接越多，页面执行就越慢。前面所说的事件委托就是用来限制建立的连接数量。

还有，就是内存中那些使用完后不再使用的事件处理程序，如果不释放掉，也会影响 Web 应用程序的内存和性能。

<button id="button">提交</button>
var button = document.getElementById("button");
button.onclick = function(){
 // 提交某个表单的操作代码

 button.onclick = null; // 移除事件处理程序
 event.target.firstChild.nodeValue = "提交中。。";
};

总的原则就是：移除掉那些过时不再使用的事件处理程序，释放内存！

JavaScript事件对内存和性能的影响详情介绍

推荐度：

点击下载本文 文档为doc格式

标签：内存有什么介绍

热门焦点

JavaScript事件对内存和性能的影响详情介绍

JavaScript事件对内存和性能的影响详情介绍

移除事件处理程序

JavaScript事件对内存和性能的影响详情介绍

最新推荐

猜你喜欢

热门推荐