javascript - JavaScript 中释放内存的正确方法

Question

作为一名 C 开发人员，我感到迫切需要尽可能准确地释放内存。但在阅读了一些有关 JavaScript 内存管理的文章后，我仍然对这个主题有一些疑问。据我了解，有一个垃圾收集器，当一个对象不再被引用并且GC可以找到时间时，它会自动释放内存。因此，当变量超出范围时，保存在局部变量中的对象很可能会被释放。

假设我有一些自定义元素(选项卡控件、数据表、输入等)。这些自定义元素的类具有成员变量，其中存储了特定元素的多个数据。事件监听器还可以附加到自定义元素组成的元素。

假设我有以下 html 标记:

<my-tabbar>
    <my-tab id="myTab">
        <my-input></input>
        <my-dataTable></my-dataTable>
    </my-tab>
</my-tabbar>

现在我想删除<my-tab> 。仅仅这样做就足够了

var element = document.getElementById ("myTab");
element.parentNode.removeChild (element);
element = null;

或者我是否必须取消引用子元素的每个对象并删除它们的事件监听器？

Answer 1

将对象设置为 null 会使其成为空对象。一旦对象超出范围，GC(当它运行时)就会将其清除。将本地对象设置为 null 不会有任何好处。

示例:

function whatever()
{
    var something = null;
    console.log( typeof( something ) );
}

whatever();

输出:

"object"

要删除子节点，请参见: Does removeChild really delete the element?

来源:

https://www.w3schools.com/js/js_datatypes.asp