javascript - jquery 中 DOM 元素的手动垃圾收集是否完全提高了浏览器性能？

Question

考虑到性能范围，删除不再需要的元素是否有意义？或者浏览器是否对代码中未进一步引用的 dom 元素执行自动垃圾回收？

$('some_element').fadeOut(1000, function(el){
   $(el).remove(); // <-- does this make sense at all?
});

Answer 1

这段代码:

$('some_element').remove();

告诉浏览器您已完成该元素，DOM 中不再需要它。如果您的 javascript 中没有对该元素的任何其他引用，垃圾收集器将释放它使用的内存。

如果您不删除它，那么只要该网页显示，DOM 元素就会保留在您的网页中。它永远不会被垃圾收集，因为浏览器无法知道您是否打算让它留在页面中。

手动删除不再需要的 DOM 元素是一种很好的做法。

但是，在 99% 的情况下，这无关紧要，因为与网页使用的总内存相比，一个 DOM 元素使用的内存是微不足道的。无论如何，当用户转到另一个网页时，网页中的所有内容都将被释放。

当你一遍又一遍地做同样的操作时(在一个大循环中，在一个计时器上，等等)，释放这样的东西确实有显着的不同。在这种情况下，您不希望随着页面的使用，对象堆积起来并消耗越来越多的内存。