Question

如果我在javascript中的任何元素上添加事件处理程序，如

var link = document.createElement("a");

document.body.appendChild(link);


link.addEventListner("click",function(){

     alert("do something");

});

然后我删除链接

link.parrentNode.removeChild(link);

然后我附加到链接的事件将被删除或将保留在内存中（有点混淆事件存储在内存中的时间和持续时间）或者我应该首先删除事件处理程序然后我删除链接节点。

Answer 1

当调用垃圾收集器时，几乎所有浏览器都会从内存中删除事件处理程序。但是，IE6及更低版本有一个已知错误，可能导致事件处理程序不被垃圾回收，导致页面泄漏内存。

在删除元素之前清理事件处理程序曾经被认为是一种很好的做法（事实上，像YUI和JQuery这样的库具有此功能）。但是如果你关心IE6，我现在只会担心这个问题。

注意：如果你想知道这个bug。这是因为IE的垃圾收集器无法处理循环引用（如果涉及DOM）（在较旧的IE上，即使它不涉及DOM，它也无法处理循环引用）。

例如，如果你有这样的代码：

myDiv.onclick = function () { myDiv.style.backgroundColor = 'red' }
//                               ^
//                               |
//                     circular reference

然后IE6及以下版本无法释放事件处理程序。但是如果你的事件处理程序没有包含任何循环引用，那么它将附加到它附加的DOM对象，那么IE将垃圾收集它。

Answer 2

在javascript函数表达式（在您的情况下为事件绑定）中分配一个对象，从而消耗内存。您应该正确删除或处理它。请查看此链接，详细说明内存管理。

Js Memory Management

检查垃圾收集部分。

删除节点后的javascript事件处理程序

2 个答案: