闭包

特征：
1,函数嵌套函数;
2,内部函数可以引用外部函数的参数和变量,参数和变量不会被垃圾回收机制所收回;


好处：
1.希望一个变量长期驻扎在内存当中
2.避免全局变量的污染
3.私有成员的存在


用法：
1.模块化代码
2.在循环中直接找到对应元素的索引


问题：
IE下会引起内存泄漏


eg1:函数嵌套函数,内部函数引用外部函数的变量;


function aaa(){
var a = 5;
function bbb(){
alert(a);
}
return bbb;
}


var c = aaa();  //aaa()相当于函数aaa执行了，所以此时的c就相当于return出来的bbb函数


c();


eg2:模块化代码，私有成员的存在;


var a = (function(){    //a = (function(){})() 匿名函数(函数表达式)自执行，此时的a相当于return出来的值；


    var a = 1;


    function aaa(){
       a++;
       alert(a);
    }


    function bbb(){
       a++;
       alert(a);
    }


    return {
        a: aaa;
        b: bbb;
    }
})()


a.aaa();   //2
a.bbb();   //3


eg3:在循环中直接找到对应元素的索引;


 for( var i=0;i<aLi.length;i++ ){
     
     aLi[i].onclick = (function(i){  //i作为匿名自执行函数的参数传给内部的函数使用，所有i的值都被存储

return function(){
          alert(i);
        }


    })(i);


 }


eg4:IE内存泄漏;


 window.onload = function(){


 var oDiv = document.getElementById("oDiv1");
 
 oDiv.onclick = function(){
   alert(oDiv.id);
 }


}


//就是以上这个简单的函数，首先是申明一个变量或者数组，然后给这个变量或数组添加一个方法，在这个方法中的函数又使用看外部变量的属性，容易引发IE的内存泄漏。


处理方法：


 方法一：
 window.onload = function(){


 var oDiv = document.getElementById("oDiv1");
 
 oDiv.onclick = function(){
   alert(oDiv.id);
 }


 window.onunload = function(){  // window.onbeforedload 与 window.onunload的相同点：都是在刷新或关闭时调用
 oDiv.onclick = null;
 }


 }


 方法二：


 window.onload = function(){


 var oDiv = document.getElementById("oDiv1");
 
 var Id = oDiv.id;
 
 oDiv.onclick = function(){
   alert(Id);
 }


}