由闭包引出的垃圾回收

由闭包引出的垃圾回收

闭包的特性

1. 函数嵌套函数
2. 函数内部能够引用外部的参数和变量
3. 参数和变量不会被垃圾回收机制回收

闭包的定义

闭包 是指有权访问另外一个函数做用域中的变量的函数，建立闭包最多见的方式就是在一个函数内部建立l另外一个函数，经过另外一个函数访问这个函数的局部变量

主要应用闭包的场合：设计私有的方法和变量

闭包的优势

1. 但愿一个变量长期驻扎在内存中
2. 避免全局变量的污染
3. 私有成员的存在

闭包的缺点

闭包会使得函数中的变量都被保存在内存中，内存消耗很大，因此不能滥用闭包，不然会形成网页的性能问题。

在IE中可能致使内存泄露。解决方法是，在退出函数以前，将不使用的局部变量所有删除。

在 IE8 如下的版本里，DOM 对象常常会跟 JavaScript 之间产生循环引用。就会形成内存泄漏：

function closure() {
    var element = document.getElementById('someElement');
    element.onclick = function(){
        alert(element.id) // 这里致使element一直存在内存中
    }
}

应该将element解除引用来避免内存泄漏

function closure() {
    var element = document.getElementById('someElement');
    var test = element.id
    element.onclick = function(){
        alert(test) // 这里致使element一致存在内存中
    }
    element = null
}

JavaScript 的垃圾回收机制

看完内存泄漏须要了解下JavaScript的垃圾回收机制，首先JavaScript具备自动垃圾回收机制，会找出再也不使用的变量，而后释放其占用的内存。经常使用的方法有两种，即标记清除和引用计数

引用计数

语言引擎有一张引用表，保存了内存里面全部的资源（各类值）的引用次数。若是一个值的引用次数为0，就表示这个值再也不用到了，所以就能够将这块内存释放。可是引用计数有个最大的问题： 循环引用。

function func() {
    let obj1 = {};
    let obj2 = {};

    obj1.a = obj2; // obj1 引用 obj2
    obj2.a = obj1; // obj2 引用 obj1
}

当函数 func 执行结束后，返回值为 undefined，因此整个函数以及内部的变量都应该被回收，但根据引用计数方法，obj1 和 obj2 的引用次数都不为 0，因此他们不会被回收。

要解决循环引用的问题，最好是在不使用它们的时候手工将它们设为空。上面的例子能够这么作：

obj1 = null;
obj2 = null;

标记清除

JavaScript 中有个全局对象，浏览器中是 window。按期的，垃圾回收期将从这个全局对象开始，找全部从这个全局对象开始引用的对象，再找这些对象引用的对象...对这些活着的对象进行标记，这是标记阶段。清除阶段就是清除那些没有被标记的对象。

总结

闭包只会在IE8如下的版本中才有可能形成内存泄漏问题，在最新版本的浏览器中，能够经过标记清除的方式处理掉内存泄漏，不过闭包的变量会常驻内存，会形成必定的性能问题。

原文地址：https://github.com/hu970804/L...