为什么这段代码会占用内存,而无法完全回收呢?

| 我有一个简单的JavaScript代码,无限运行时会消耗内存。内存使用情况由Google Chrome内部内存分析器监控。
  setInterval(function(){
     var xhr = new XMLHttpRequest();
     xhr.open(\'GET\', \'json.txt\', true);
     xhr.onreadystatechange = function() {
        if(this.readyState == 4 && this.status == 200) {
           console.log(this.responseText);
        }
     };
     xhr.send(\'\');
  }, 500);
带有上述代码示例和ѭ1的HTML文件托管在我的本地服务器上,获取文件所用的时间不会超过500毫秒(通常约为7到10毫秒)。 长时间运行后,内存图看起来像这样 工作一个小时后,编辑同一Chrome窗口 编辑 从长远来看(小时),并不是所有内存都会被回收,图形仍在上升。 我了解为什么会消耗内存,但我不明白为什么无法完全回收内存。 编辑 这就是我可以减少内存泄漏的方式
  var callback = function(){
      if(this.readyState == 4 && this.status == 200) {
          console.log(this.responseText);
      }
  } 

  setInterval(function(){
     var xhr = new XMLHttpRequest();
     xhr.open(\'GET\', \'json.txt\', true);
     xhr.onreadystatechange = callback;
     xhr.send(\'\');
  }, 500);
此改进允许不将回调的闭包链接到
xhr
var。     
已邀请:
我想这间隔不是在真空中设定的。您传递给setInterval的函数可能可以访问其定义的词法范围。这意味着,即使您未使用那些变量,在垃圾收集器的视野中,它周围的每个变量始终可以访问。函数中的变量。垃圾收集器永远不会清理它。最好在更卫生的环境中定义该函数,在该环境中,该函数无法访问任何大尺寸的变量。 编辑:对不起,我会尽力让自己更清楚。这与XHR无关-您可以在setInterval函数中放任何东西(甚至什么也不能放),并且如果要清除其词法范围中的某些变量,它仍然会泄漏。您只需要确保setInterval函数没有对要清除的任何变量的关闭访问权限即可。例如:
(function() {
  var a = readFile(\'a-very-big-file.txt\');

  setInterval(function() {
    console.log(\'im leaking!\');
  }, 500);
})();
那会泄漏。即使setInterval并没有做任何有意义的事情,它仍然可以访问\“ a \”,并且垃圾收集器将其视为可访问的。     
对于一个人,您反复加载
json.txt
的内容,这将需要一些内存。除此之外,XHR本身可能还需要一些内存。不过,我认为这并不是什么大问题,因为无论如何似乎都可以回收内存。     
为什么不呢?至少 var xhr = new XMLHttpRequest(); 必须在每次迭代中消耗内存并由GC收集(可能在图表中显示)。     
如果请求-响应周期花费的时间超过指定的间隔,则肯定会存在一些内存开销。 因为只有在请求完成(成功或错误)后,内存才会被释放。     
由于使用console.log,很有可能未完全回收内存。我假设控制台会在内部将东西添加到内部数组,或者可能是字符串,并且由于您要向其中添加大块数据,并且永远不会从中删除数据,因此当应用程序处于运行状态时,GC将永远不会对其进行清理。运行。尝试注释掉该语句,看看它是否会更改内存使用率。 GC最终会释放用于创建XMLHttpRequest的内存,因为对它的引用将在请求完成后变成孤立的,但是console是一个全局变量,在页面可用时仍保留在作用域中。     

要回复问题请先登录注册