闭包的概念以及用法

自己看视频看文章总结出来的，

概念：

闭包就是能够读取其他函数内部变量的函数。

由于在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中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。

大家伙看懂的就给我点个赞吧，文章右上角。

闭包的概念以及用法

猜你喜欢