JavaScript CollectGarbage函数案例详解

介绍 CollectGarbage 函数前，我们需要先了解一下垃圾回收机制。JavaScript 是一种有垃圾回收机制的语言，当我们在代码中创建一个对象，如果该对象不再被引用，那么它就成为了一份“垃圾”，垃圾回收机制会被触发，将其回收。这样可以有效地避

介绍 CollectGarbage 函数前，我们需要先了解一下垃圾回收机制。JavaScript 是一种有垃圾回收机制的语言，当我们在代码中创建一个对象，如果该对象不再被引用，那么它就成为了一份“垃圾”，垃圾回收机制会被触发，将其回收。这样可以有效地避免内存泄漏等问题。

CollectGarbage 函数是 JavaScript 的一种垃圾回收函数，可以手动触发垃圾回收机制来回收不再使用的对象，释放浏览器的内存空间。

下面是 CollectGarbage 函数案例中的两个示例说明：

示例一

var obj = {name: "Alice"};
var obj2 = {name: "Bob"};

obj.child = obj2;
obj2.parent = obj;

// 删除对象之间的引用关系
obj.child = null;
obj2.parent = null;

// 手动触发垃圾回收，释放内存空间
if(typeof(CollectGarbage)=="function"){
    CollectGarbage();
}

以上代码创建了两个对象 obj 和 obj2，并建立起了两个对象之间的引用关系。为了释放内存，我们手动打破了两个对象之间的引用关系，并在代码的最后执行 CollectGarbage 函数，释放了不再被使用的内存。

示例二

<button onclick="create()"></button>
<button onclick="clearAll()"></button>

<script>
    var elements = [];

    function create(){
        elements.push(document.createElement("div"));
        document.body.appendChild(elements[elements.length - 1]);
    }

    function clearAll(){
        for (var i = 0; i < elements.length; i++){
            document.body.removeChild(elements[i]);
        }
        elements = [];

        // 手动触发垃圾回收，释放内存空间
        if(typeof(CollectGarbage)=="function"){
            CollectGarbage();
        }
    }
</script>

以上代码创建了两个按钮，一个用于创建 div 元素，另一个用于删除已经创建的所有 div 元素。在删除 div 元素时，我们手动删除元素数组中的所有元素，并在代码的最后执行 CollectGarbage 函数，释放了不再被使用的内存。

总的来说，手动触发垃圾回收机制并不是常规做法，因为在大多数情况下，JavaScript 垃圾回收机制已经足够智能了。但在一些特殊情况下，当我们明确知道某些对象不再被引用，而垃圾回收机制却没有及时回收时，手动触发垃圾回收机制是非常有效的一种方法。