使用XMLHttpRequest和setInterval进行内存泄漏
[英]Memory Leak with an XMLHttpRequest and setInterval
问题描述
以下是我在Google Chrome 19.0.1061.1（官方版本125213）上运行的一些代码：
<html>
<title>Memory Leak</title>
<script type="text/javascript">
(function(){
this.window.setInterval(function() {
var xhr = new XMLHttpRequest();
xhr.open('GET', '', false);
xhr.send();
}, 50);
}).call(this);
</script>
</html>
当我检查chrome：//任务中的内存使用情况时，我可以看到“私有内存”无限增长（8GB RAM配置）。 如果我将上面的代码示例更改为：
<html>
<title>Memory Leak</title>
<script type="text/javascript">
(function(){
var xhr = new XMLHttpRequest();
var timeout = this.window.setInterval(function() {
xhr.open('GET', '', false);
xhr.send();
}, 50);
}).call(this);
</script>
</html>
现在好了。
我不明白。 为什么保持对setInterval函数的引用有助于为什么只定义一个xhr有助于自前一个声明处于闭包中？ 它只与v8有关吗？
我很感激你对它的见解。
3 个解决方案
解决方案1
8 2012-03-21 14:03:31
在第一个中，您将在每次调用迭代器函数时实例化一个新的XMLHttpRequest对象。 请求对象将至少存在，直到HTTP请求完成。 每秒启动200个HTTP请求会阻塞浏览器，因为它实际上不会执行所有请求; 它将打开多少并发连接是一个限制。
解决方案2
1 2012-03-21 14:17:11
这个http呼叫需要多长时间？ 如果这花费的时间超过50毫秒（这是一个非常快的时间），那么第一种情况将创建越来越多的待处理请求，而第二种情况则是重新使用相同的XMLHttpRequest，这可能会取消之前的调用。
解决方案3
0 2012-03-21 14:04:42
在第一个示例中，您将使用每个间隔调用XMLHttpRequest（）的新实例。 在第二个中，您实例化一次副本并在代码的整个生命周期中使用它。 这就是为什么在第一个例子中你的内存不足。
javascript setInterval的内存泄漏
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.