2

http://www.ibm.com/developerworks/web/library/wa-memleak/在此链接上，清单 5 描述了 obj 是对 dom 元素的引用，并且 dom 元素具有对 obj 的引用的情况，并且因此会导致内存泄漏。我正在努力查看代码中的什么使 DOM 元素具有对 obj 的引用。有人可以向我解释吗？

取自页面：

在清单 5 中，您会看到一个闭包，其中 JavaScript 对象 (obj) 包含对 DOM 对象的引用（由 id "element" 引用）。反过来，DOM 元素具有对 JavaScript obj 的引用。JavaScript 对象和 DOM 对象之间产生的循环引用会导致内存泄漏。

清单 5. 事件处理内存泄漏模式

<html>
<body>
<script type="text/javascript">
document.write("Program to illustrate memory leak via closure");
window.onload=function outerFunction(){
    var obj = document.getElementById("element");
    obj.onclick=function innerFunction(){
    alert("Hi! I will leak");
    };
    obj.bigString=new Array(1000).join(new Array(2000).join("XXXXX"));
    // This is used to make the leak significant
};
</script>
<button id="element">Click Me</button>
</body>
</html>
4

1 回答 1

1

由于obj和onclick之间的循环引用而存在内存泄漏。

通常，在执行onload之后，其范围内的所有变量都将被垃圾收集和擦除。然而，在 javascript 中，函数范围并不总是在执行后被删除。这称为闭包。

例如，如果外部对象引用了此范围内的某些内容。在这种情况下，onclick引用 outerFunction并且outerFunction被obj引用

闭包导致的内存泄漏的图示

如果将 obj 设置为null，则不会引用onload-scope内的某些内容。

有人可以争辩说，引用仍然是outerFunction，这是正确的。但是 outerFunction 不再绑定到onload-scope，这使得这个范围可以被垃圾收集器清理。

于 2013-03-19T10:59:14.470 回答