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

如何解决为什么这段代码会占用内存，而无法完全回收呢？

| 我有一个简单的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\',true);
     xhr.onreadystatechange = callback;
     xhr.send(\'\');
  },500);

此改进允许不将回调的闭包链接到xhrvar。

解决方法

我想这间隔不是在真空中设定的。您传递给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是一个全局变量，在页面可用时仍保留在作用域中。

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

如何解决为什么这段代码会占用内存，而无法完全回收呢？

解决方法

相关推荐