Javascript内存泄漏

原文：http://point.davidglasser.net/2013/06/27/surprising-javascript-memory-leak.html

本周我在Meter的同事追踪到了一个奇怪的Javascript内存泄漏。我找遍了互联网，尝试了各种关键字：javascript closure memory leak，无果。所以，这可能是一个未知的问题。（你们所找到的都是讲老版本的IE的垃圾回收算法的问题，但是我碰到的这个问题甚至影响到我当前装的最新Chrome浏览器。）

Update:Vyacheslav Egorov向我指出他曾经写过的一篇同样主题的文章，这篇文章有更详细的样例，更好的配图，加上一些V8内部机制的知识，很棒的一篇文章。甚至，还有一篇论文专门来讲这个问题的最佳实现方式，但是这篇文章并不是用Javascipt来说明的。

考虑如下代码:

var run =

function () { var str = new Array(1000000).join('*'); var doSomethingWithStr = function () { if (str === 'something') console.log("str was something"); }; doSomethingWithStr(); }; setInterval(run, 1000);

var run = function () {

  var str = new Array(1000000).join('*');

  var logIt = function () {

    console.log('interval');

  };

  setInterval(logIt, 100);

};

setInterval(run, 1000);

var run = function () {

  var str = new Array(1000000).join('*');

  var doSomethingWithStr = function () {

    if (str === 'something')

      console.log("str was something");

  };

  doSomethingWithStr();

  var logIt = function () {

    console.log('interval');

  }

  setInterval(logIt, 100);

};

setInterval(run, 1000);

var theThing = null;

var replaceThing = function () {

  var originalThing = theThing;

  // 定义一个引用originalThing的闭包但是没有真正调用的

  // 但是因为闭包的存在，originalThing会在词法环境中

  //所有定义在replaceThing的闭包都能访问。

  //你把这个函数去掉，就没有泄漏了。

  var unused = function () {

    if (originalThing)

      console.log("hi");

  };

  theThing = {

    longStr: new Array(1000000).join('*'),

    // originalThing理论上会被这个someMethod使用

    //虽然很明显这个函数没有使用它。

    //但是因为originalThing是词法作用域的一部分，someMethod会保持对originalThing的引用。

    //尽管我们每次调用都会把theThing覆盖但是原先的值永远不会被清除。

    someMethod: function () {}

  };

  // 如果你在这里加上 `originalThing = null` 就不会泄漏了

};

setInterval(replaceThing, 1000);