JavaScript 性能 – 删除伪 DOM 项

Question

为了计算路径，我在后台创建多个 SVG 元素，如下所示:

var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');

问题在于，这是在一个循环中发生的，并且创建了不可预见的路径数量。这些元素不附加到正文。我的问题是所有这些伪元素都会影响性能/内存吗？或者它们会被垃圾收集吗？

如果不是，从文档中删除元素的最佳技术是什么？

谢谢!

Answer 1

垃圾收集器会收集所有无法再访问的变量，因此您的代码要么在顶层运行，这意味着变量将附加到 window，因此不可进行垃圾收集，或者您的代码在 function 中运行，在这种情况下，如果内部没有某些闭包，它们将在 function 结束时被收集，并保留对它们的引用，如下所示示例:

function foo() {
    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
    return function() {
        // Do something with path;
    }
}

var bar = foo();

在这种情况下，path 的存在时间与 bar 一样长，因为它具有对内部匿名函数的引用，该函数具有路径上的引用。