js闭包

闭包：当内部函数 在定义它的作用域 的外部 被引用时,就创建了该内部函数的闭包 ,如果内部函数引用了位于外部函数的变量,当外部函数调用完毕后,这些变量在内存不会被 释放,因为闭包需要它们.

---

 

<p>局部变量计数。</p>
<button type="button" onclick="myFunction()">计数!</button>
<p id="demo">0</p>

var add = (function () {
    var counter = 0;
    function innerFun(){
        counter +=1;
        return counter;
    }    
    return innerFun;
})();
function myFunction(){
    document.getElementById("demo").innerHTML = add();
}

---

<p>局部变量计数。</p>
<button type="button" onclick="myFunction()">计数!</button>
<p id="demo">0</p>

var add = (function out() {
    var counter = 0;
    function innerFun(){
        counter +=1;
        return counter;
    }    
    return innerFun;
})();
function myFunction(){
    document.getElementById("demo").innerHTML = add();
}
函数out()是函数innerFun()父函数，innerFun被赋给了一个全局变量，导致innerFun始终在内存中，innerFun依赖于out，所以out也始终存在于内存中，不会再out调用结束后被垃圾回收，counter也一直存在内存中。

---

注意：

1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。

2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。