如何知道自己写的 Javascript 程序是否存在内存泄露？如果存在泄漏怎样才能定位泄露的位置信息？

This topic created in 5519 days ago, the information mentioned may be changed or developed.

如题。
最近对这个比较感兴趣。
想在浏览器中做个缓冲区类的东西，提前预测用户将要进行的下一步操作，然后提前用ajax自动载入。这样的话，如何控制浏览器端的内存就非常重要了。

终极目标是不刷新页面的情况下，因javascript运行而造成的泄漏减到最少。(当然这个只是想法，能不能实现再说。。囧。)

浏览器

内存

泄漏

9 replies • 1970-01-01 08:00:00 +08:00

keakon

Apr 5, 2011

JavaScript runtime没bug的话，是不会内存泄漏的，你想写出泄露的代码都难

benzhe

Apr 5, 2011

=.= , 第一次听说js会内存泄漏

sparklo

Apr 5, 2011

这个自动ajax load我以前做过.　根据你pre-load内容的大小,　在不同的硬件环境和不同的浏览器下性能差别很悬殊.　我不知道有没有更好的办法,我当时做的是把所有的pre-load的变量统统在结束前设为null.　但是最终的效果不太好, 当pre-load视频的时候低配置的电脑性能表现很差.　当时没有经验,　测试的时候没有观察内存使用率。

kayue

Apr 5, 2011

https://github.com/jdalton/xstats.js

"MEM Megabytes of memory used. Make sure it doesn't keep incrementing. (WebKit-based browsers only) "

darasion

Apr 5, 2011

@benzhe 找到一个例子，在我的机器上：

用新出的 Firefox 4 ，按一下按钮内存占用大约增加20M。直到达到系统内存的一半就停止增加了。我外出一小时不做任何操作，回来看还是那么多。

用 chrome 按一下按钮增加20M，然后再按就没有任何反应，最多到40M左右就不往上爬了。。

这个泄漏问题似乎跟不同浏览器垃圾回收机制什么的也有关系啊，似乎很复杂。。囧。

<html>
<head>
<script type="text/javascript">
function LeakMemory(){
var parentDiv = document.createElement("div");
parentDiv.onclick=function(){
foo();
};
parentDiv.bigString = new Array(1000).join(new Array(2000).join("XXXXX"));
}
</script>
</head>
<body>
<input type="button"
value="Memory Leaking Insert" onclick="LeakMemory()" />
</body>
</html>

benzhe

Apr 5, 2011

@darasion 我的说法错了，js有存在内存泄漏的可能性吧，但是从来没看看过这方面的讨论，可能这个问题的适用性不大

kayue

Apr 5, 2011

@benzhe 主要是针对 ie6 或者 mobile browser。
当然如果是写 node.js 也要考虑这个问题。

apoclast

Apr 6, 2011

只有IE6有这个问题吧, 它的GC算法有问题

chone

Apr 6, 2011

IE6循环引用的时候有这个问题，其他浏览器没有。