使用XMLHttpRequest和setInterval的内存泄漏
下面是我在GoogleChrome19.0.1061.1(官方构建125213) dev上运行的一些代码：
<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://tasks中的内存使用情况时，我可以看到“私有内存”正在无限期地增长(8GBRAM配置)。如果我将上面代码的示例更改为这样的内容：
<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
Stack Overflow用户
发布于 2012-03-21 14:03:31
在第一个例子中，您将在每次调用迭代器函数时实例化一个新的XMLHttpRequest对象。请求对象至少会停留到HTTP请求完成为止。每秒启动200个HTTP请求会阻塞浏览器，因为它实际上不会执行所有请求；它将打开多少并发连接是有限制的。
Stack Overflow用户
发布于 2012-03-21 14:17:11
这个http电话需要多长时间？如果这花费的时间超过50 is (这是一段非常长的时间)，那么第一种情况将创建越来越多的挂起请求，而第二种情况则是重用相同的XMLHttpRequest，这可能会导致取消先前的调用。
Stack Overflow用户
发布于 2012-03-21 14:04:42
在第一个示例中，您将使用每个间隔调用一个新的XMLHttpRequest()实例。在第二个例子中，您只实例化一个副本一次，并在代码的整个生命周期中使用它。这就是为什么在第一个例子中，内存不足的原因。
https://stackoverflow.com/questions/9806115
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号