js闭包

1.什么是闭包?

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

js闭包
function aaa(a){
    
    var b = 5;

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

}

aaa();
js闭包
js闭包
//JS中的垃圾回收机制

function aaa(){
    
    var a = 1;
    
}

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

var c = aaa();

c();
js闭包

 


2.闭包有什么好处?应用在那里?

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

1.模块化代码

js闭包
var aaa = (function(){

    var a = 1;
    
    function bbb(){
        a++;
        alert(a);
    }
    
    function ccc(){
        a++;
        alert(a);
    }
    
    return {
        
        b : bbb,
        c : ccc
        
    }

})();


//aaa.b();  //2
//aaa.c();  //3

//alert(a);
//alert(bbb);
alert(ccc);
js闭包

 


2.在循环中直接找到对应元素的索引

js闭包
window.onload = function(){
    var aLi = document.getElementsByTagName(‘li‘);
    
    /*for(var i=0;i<aLi.length;i++){
    
        (function(i){
        
            aLi[i].onclick = function(){
                alert(i);
            };
        
        })(i);
        
        
    }*/
    
    for(var i=0;i<aLi.length;i++){
    
        
            aLi[i].onclick = (function(i){
            
                return function(){
                    alert(i);    
                }
                
            })(i);

        
    }
    
};
js闭包

 


3.闭包需要注意得地方?

 

js闭包
//IE下会引发内存泄漏

/*window.onload = function(){
    var oDiv = document.getElementById(‘div1‘);
    
    oDiv.onclick = function(){
        alert(oDiv.id);
    };
    
    window.onunload = function(){
        oDiv.onclick = null;
    };
    
};*/

window.onload = function(){
    var oDiv = document.getElementById(‘div1‘);
    
    var id = oDiv.id;
    
    oDiv.onclick = function(){
        alert(id);
    };
    
    oDiv = null;
    
};
js闭包

js闭包

上一篇:VS Code 编辑器: Monaco Editor 介绍


下一篇:DOTNETBAR的几个使用技巧