javascript - 为什么这个 JavaScript 会导致内存泄漏？

Question

以下代码被视为导致内存泄漏，因为 element维护对函数 bar 的引用和bar维护对 element 的引用通过闭包(如果我理解正确的话)。

为什么会导致内存泄漏？是否仅在element时导致泄漏是 DOM 节点吗？

function foo(element, a, b) {
  element.onclick = function bar() { /* uses a and b */ };
}

Answer 1

这称为 Javascript 闭包，是 Javascript 的预期功能。这在任何现代浏览器中都不是内存泄漏。

如果从 DOM 中删除 element 表示的 DOM 元素，则 onclick 处理程序将被垃圾回收，然后闭包本身也将被垃圾回收。

在element的生​​命周期内，变量a和b将成为闭包的一部分。这是预期的语言功能，因为它们是此代码创建的闭包的一部分。当从 DOM 中删除 element 并对其进行垃圾回收时，闭包及其引用 a 和 b 将符合垃圾回收条件也收藏一下。

有些旧的浏览器并不总是能正确处理这个问题，但对于现代浏览器来说，这通常不再被视为设计考虑因素。此外，如果您一遍又一遍地运行这样的代码(每次也删除 DOM 元素)，从而导致大量内存被那些本应被垃圾收集而没有被垃圾收集的事物所消耗，那么它只会导致后果问题。 。这种情况通常只发生在长期运行的单页应用程序中，这些应用程序有很多动态 DOM 内容。但是，正如我对现代浏览器所说的那样，这不再是问题，因为浏览器的垃圾收集器现在可以处理这种情况。