使用Chrome开发者工具分析JavaScript garbage collector(垃圾回收器)的实现原理

I use the following simple JavaScript code to illustrate:

var JerryTestArray = [];

(function(){

     for( var i = 0; i < 100; i++){

    JerryTestArray[i] = document.createElement("div");

      }

})();

1

2

3

4

5

6

Create a new empty tab in your Chrome, and first create a snapshot with empty heap status by click “Take Snapshot” button:

Since these nodes are not appended to document node so they are invisible to end user, so displayed as “Detached DOM”. The JerryTestArray still holds the reference to each div node so Garbage collector will not touch these nodes.

In order to make Garbage collector recycle the memory occupied by these nodes, just assign another value to JerryTestArray in console: