自己看视频看文章总结出来的,
概念:
闭包就是能够读取其他函数内部变量的函数。
由于在javascript中,只有函数内部的子函数才能读取局部变量,所以说,闭包可以简单理解成“定义在一个函数内部的函数“。
所以,在本质上,闭包是将函数内部和函数外部连接起来的桥梁。
常见的闭包循环错误:
var call=[]
for(var i=0;i<=2;i++){
call[i]=function(){
return i*2
}
}
console.log(call[0]()); //打印出来是6
console.log(call[1]()); //打印出来是6
console.log(call[2]()); //打印出来是6
what???为什么打印出来的是6 6 6?不应该是0 2 4吗,如果对闭包不理解的同学肯定会这样想。
其实当我们执行 return i*2 的时候,此时的 i 并不是for循环中遍历出来的0,1,2。而是for循环全部循环后,直到i<=2,i++的结果,此时 i =3。(闭包会等for循环都执行完了,再取最终的 i )
如何解决这个问题:用匿名函数把闭包 包起来,并且告诉这个函数,我要 i 每次循环的时候都马上执行一次我的闭包。
var call=[]
for(var i=0;i<=2;i++){
!function(i){
call[i]=function(){
return i*2
}
}(i)
}
console.log(call[0]()); //打印出来是0
console.log(call[1]()); //打印出来是2
console.log(call[2]()); //打印出来是4
闭包用法之封装
我们定义了一个匿名函数,里面有变量,并且不想让外面随随便便就访问到,这样就可以闭包。
(function(){
var _userId=110;
var _typeId='item';
var lalala={};
function converter(userId){
return userId
}
lalala.getUserId=function(){
return converter(_userId)
}
lalala.getTypeId=function(){
return _typeId
}
window.lalala= lalala
}())
console.table([
lalala.getUserId(), //110
lalala.getTypeId(), //item
lalala._userId, //undefined
lalala._typeId, //undefined
lalala.converter, //undefined
])
这样只有通过lalala才能访问我们匿名函数中定义的变量
使用闭包的注意点
由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
大家伙看懂的就给我点个赞吧,文章右上角。