js的内存泄露与垃圾回收机制

垃圾回收机制：

JS的垃圾回收机制是为了以防内存泄漏，内存泄漏的含义就是当已经不需要某块内存时这块内存还存在着，垃圾回收机制就是间歇的不定期的寻找到不再使用的变量，并释放掉它们所指向的内存。

有两种策略来实现垃圾回收：标记清除 和 引用计数；

标记清除：

js中最常用的垃圾回收方式就是标记清除。当变量进入环境时，例如，在函数中声明一个变量，就将这个变量标记为“进入环境”。从逻辑上讲，永远不能释放进入环境的变量所占用的内存，因为只要执行流进入相应的环境，就可能会用到它们。而当变量离开环境时，则将其标记为“离开环境”。

function test(){

 var a = 10 ; //被标记 ，进入环境

 var b = 20 ; //被标记 ，进入环境

 }

test(); //执行完毕 之后 a、b又被标离开环境，被回收。

　垃圾回收器在运行的时候会给存储在内存中的所有变量都加上标记（当然，可以使用任何标记方式）。然后，它会去掉环境中的变量以及被环境中的变量引用的变量的标记（闭包）。而在此之后再被加上标记的变量将被视为准备删除的变量，原因是环境中的变量已经无法访问到这些变量了。最后，垃圾回收器完成内存清除工作，销毁那些带标记的值并回收它们所占用的内存空间。

引用计数：

引用计数的含义是跟踪记录每个值被引用的次数。当声明了一个变量并将一个引用类型值赋给该变量时，则这个值的引用次数就是1。如果同一个值又被赋给另一个变量，则该值的引用次数加1。相反，如果包含对这个值引用的变量又取得了另外一个值，则这个值的引用次数减1。当这个值的引用次数变成0时，则说明没有办法再访问这个值了，因而就可以将其占用的内存空间回收回来。这样，当垃圾回收器下次再运行时，它就会释放那些引用次数为0的值所占用的内存。

function test(){

 var a = {} ; //a的引用次数为0

 var b = a ; //a的引用次数加1，为1

 var c =a; //a的引用次数再加1，为2

 var b ={}; //a的引用次数减1，为1

}

该方式会引起内存泄漏的原因是它不能解决循环引用的问题：

function problem(){
    var objectA= new objece();
    var objectB= new objece();
    objectA.sonmeOtherObject=objectB;
    objectB.anotherObject=objectA;
}   

这种情况下每次调用problem()函数， objectA和 objectB的引用计数都是2，会使这部分内存永远不会被释放，即内存泄漏。

当一个DOM元素和一个原生的js对象之间的循环引用时：

var ele = document.getElementById("eleId");
var obj = {};
obj.property = ele;
ele.property = obj;

添加 obj.property = null;ele.property = null;即可解除原生JS对象与DOM元素之间的连接。

当闭包中创建循环引用时：

window.onload = function outerFunction(){
    var element= document.getElementById("someElement");
    element.onclick = function innerfunction(){
        console.log(element.id);
    }
}

以上代码创建了一个作为element元素处理程序的闭包，而这个闭包又创建了一个循环引用，由于匿名函数保存了一个对assignHandler()的活动对象的引用，因此就会导致无法减少element的引用数，只要匿名函数存在，element的引用数至少是1，因此它所占用的内存就永远不会被回收，可以改成下面这个：

window.onload = function outerFunction(){
    var element= document.getElementById("someElement");
    var id = element.id;//将element副本保存于变量id中，则不会使element元素处理程序的闭包创建循环引用
    element.onclick = function innerfunction(){
        console.log(id);
    }
    element = null;//手动断开 element 对 document.getElemengById("someElement")的引用
}