如何测试Javascript代码的垃圾回收

一个小技巧。首先打开最新版的chrome浏览器。

 

chrome能测试Javascript的内存堆（分配给js对象的内存）的状况，需要输入一段代码启动它： 

chrome --enable-memory-info

  

接着，创建一个HTML文件，如下：

<script>
var i = 0;
setInterval(function(){
    var before = window.performance.memory.usedJSHeapSize;
    // Start
    i = i + 10;
    // End
    var diff = window.performance.memory.usedJSHeapSize - before;
    console.log(diff);
}, 100);
</script>

  

我现在的chrome版本是 31.0.1650.63。运行这个函数需要花9bytes，所以输出值减去了9。你可以根据你chrome的版本和设置改变这个数值。

 

如果运行这段脚本，注意到输入的数值为

2424
728
0
0
0
...
 

 

第一个数字是因为V8引擎还在准备，过一会儿，js引擎将代码优化完，就能看到，结果不停的循环显示0。

 

接下来，在循环中放一段代码，看看会发生什么。如果在循环里初始化一个对象，如下： 

setInterval(function(){
    var before = window.performance.memory.usedJSHeapSize;
 
    var obj = new Object();
 
    var diff = window.performance.memory.usedJSHeapSize - before;
    console.log(diff);
}, 100);

  

输出变为

3360
752
53
24
24
24
...

 

 

可以总结出，分配24bytes给一个普通的Javascript对象。

可以使用此段代码来衡量你的代码循环会带来多少GC负荷。