javascript - 分离的 DOM 树被引用为原生链接

Question

我正在尝试摆脱分离的 DOM 元素，但很难找到泄漏的原因。

有人可以帮我理解存储在分离窗口属性中的 DOM 包装器的 native 链接是什么吗？ 原生链接是什么意思？

https://developer.chrome.com/devtools/docs/heap-profiling-dom-leaks

By tracing paths to window objects, it can be observed, that the detached DOM tree is referenced as the native link from the DOM wrapper stored in the detached window property. To confirm this, do the following...

任何帮助将不胜感激!

Answer 1

在您链接的示例中，有一个名为“detached”的变量，它被创建为窗口对象上的全局变量。

窗口.分离

然后，他们继续生成包含大量子项和额外数据的整个 DOM 树，并将该引用存储在 window.detached 变量中。但它实际上并没有挂载到 DOM 中。

您引用的 block 只是指出，如果您生成的任何 dom 节点仍然有指向它们的事件引用(在本例中，引用是 window.detached)，那么它们不会是垃圾已收集。

他们不厌其烦地指出这一点，因为有些人可能会认为，一旦从 DOM 中卸载节点树，它们就会成为 GC 的候选者。他们指出，真正重要的是是否仍然存在对该项目的可访问引用。如果没有，它将被 GC 处理。否则它会一直徘徊。