JS闭包循环引用导致内存泄漏之解决方法

方法一、主动设置JS对象element为空，打破循环引用

function assignHandler()

{
   var element=document.getElementById("div1");
   var id=element.id;
   element.onclick=function() //element的onclick引用了函数funciton，function通过闭包引用了element，照成循环引用
   {
      alert(id+element+sex);
    }
 /*闭包可以监听外部变量的变化，所以这里把element=null，也就是说外部这个变量相当于不存在了,虽然赋值是在闭包后面，闭包也能够检测到！所以匿名函数不会有外部的DOM对象的引用，不会内存泄漏*/
  var sex="female";
  element=null;

}

方法二、通过添加另外一个闭包来避免JS对象和DOM对象之间的循环引用

 window.onload=function outerFunction()
{
  var anotherObj=function innerFunction()
   {
            alert("I have avoided the leak!");
   }
//通过另外一个闭包来避免JS对象和DOM对象之间的循环引用
  function anotherInnerFunction()
   {
        var obj=document.getElementById("div1");
 //DOM对象引用了anotherObj函数，但是anotherObj函数无法引用DOM对象
        obj.onclick=anotherObj;
  };
  anotherInnerFunction();
}

方法三、通过添加另一个函数来避免闭包本身，进而阻止内存泄漏

window.onload=function()
{
        var obj=document.getElementById("div1");
        obj.onclick=doesNotLeak;
}
//该函数无法访问上面匿名函数中间的obj对象，从而可以阻止内存泄漏！
function doesNotLeak()
{
   alert("我已经阻止内存泄漏了！");
}