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

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

终极目标是不刷新页面的情况下,因javascript运行而造成的泄漏减到最少。(当然这个只是想法,能不能实现再说。。囧。)
4782 次点击
所在节点    问与答
9 条回复
keakon
2011-04-05 19:18:06 +08:00
JavaScript runtime没bug的话,是不会内存泄漏的,你想写出泄露的代码都难
benzhe
2011-04-05 19:26:21 +08:00
=.= , 第一次听说js会内存泄漏
sparklo
2011-04-05 19:42:15 +08:00
这个自动ajax load我以前做过. 根据你pre-load内容的大小, 在不同的硬件环境和不同的浏览器下性能差别很悬殊. 我不知道有没有更好的办法,我当时做的是把所有的pre-load的变量统统在结束前设为null. 但是最终的效果不太好, 当pre-load视频的时候低配置的电脑性能表现很差. 当时没有经验, 测试的时候没有观察内存使用率。
kayue
2011-04-05 20:41:36 +08:00
https://github.com/jdalton/xstats.js

"MEM Megabytes of memory used. Make sure it doesn't keep incrementing. (WebKit-based browsers only) "
darasion
2011-04-05 21:09:06 +08:00
@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
2011-04-05 21:44:34 +08:00
@darasion 我的说法错了,js有存在内存泄漏的可能性吧,但是从来没看看过这方面的讨论,可能这个问题的适用性不大
kayue
2011-04-05 21:51:41 +08:00
@benzhe 主要是针对 ie6 或者 mobile browser。
当然如果是写 node.js 也要考虑这个问题。
apoclast
2011-04-06 13:39:37 +08:00
只有IE6有这个问题吧, 它的GC算法有问题
chone
2011-04-06 14:14:11 +08:00
IE6循环引用的时候有这个问题,其他浏览器没有。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/11011

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX