js闭包

Posted 2020-11-06 有点懒惰的大青年

一、从外部读取方法内部的局部变量

<script type="text/javascript">
function func(){
    var a = 22;

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

    return func2;
}

var result = func();
result();                //22
result();                //23

</script>

二、闭包的概念

各种专业文献上的“闭包”（closure）定义非常抽象，很难看懂。我的理解是，闭包就是能够读取其他函数内部
变量的函数。
由于在Javascript 语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个
函数内部的函数”。
所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

三、闭包的用途

一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。

 

四、闭包的使用注意点

1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性
能问题，在IE 中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。
2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包
当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随
便改变父函数内部变量的值。

<script type="text/javascript">
var name = ‘Window‘;
var object = {
    name: ‘MyObject‘,
    getName:function(){
        return function(){
            return this.name;
        }
    }
};

alert(object.name);                //MyObject
alert(object.getName()());        //Window

</script>