一个JS内存泄露实例分析

时间：2017-01-09 11:24:10 阅读：202 评论：0 收藏：0 [点我收藏+]

标签：运行 new array -- original mem 另一个 long 它的

在看JS GC 相关的文章时，好几次看到了下面这个设计出来的例子，比较巧妙，环环相扣。

var theThing = null;
var replaceThing = function () {
    var originalThing = theThing;
    var unused = function () {
        if (originalThing)
            console.log("hi");
    };
    theThing = {
        longStr: new Array(10000).join(‘*‘),
        someMethod: function () {
            console.log(1111);
        }
    };
};
 
setInterval(replaceThing, 1000);

由于 V8 GC 的关键是 root 级对象，因此内存泄露基本上都是由于 root 级引用没有被释放导致的。

上面代码中的 root 主要有两个，一个是 theThing，另一个是 replaceThing 运行时的调用栈。这里的内存泄露主要是 theThing。

总体来说是因为，root 级对象 theThing 持有了 replaceThing1 内部对象的引用，并且在下一次把引用转交给了 replaceThing2，然后持有了 replaceThing2 的内部引用。

详细一点：theThing 持有了 longStr 和 someMethod 的引用，由于 someMethod 这个闭包会保留它的 context，因此 replaceThing 整体被保留了，于是 unused 被保留；而 unused 又持有了 originalThing 的引用，因此 originalThing 持有了由 theThing 转交过来的前一个 setInterval 时的 someMethod 和 longStr。一次又一次 setInterval 下去，longStr 和 someMethod 就被串了起来。

图解：

setInterval1：

originalThing theThing

| |

null someMethod1

setInterval2：

originalThing theThing

| |

someMethod1 someMethod2 --unused--> replaceThing1 --> someMethod1