Javascript闭包概念

[size=large][b]1.参考资料[/b]
[/size]

[url]http://www.jb51.net/article/24101.htm[/url]

[url]http://blog.csdn.net/yn49782026/article/details/8549462[/url]


[size=large][b]2.内容概述[/b]
[/size]要理解闭包，首先需要理解变量作用域问题
内部函数可以饮用外面全局变量

    var n=999;

　　function f1(){
　　　　alert(n);
　　}

　　f1(); // 999

内嵌函数可以饮用函数内部变量，此时f2可以使用f1的变量，但是f1无法使用f2的变量

　

function f1(){

　　　　n=999;

　　　　function f2(){
　　　　　　alert(n); 
　　　　}

        f2() //999

　　}  

此时定义了函数f1内部有变量n＝999。如果此时外面其他函数想要用n这个变量怎么办呢，有两种方式，一直是将n作为返回值。还有一种采用闭包思维。因为此时f2可以使用f1的n变量，此时可以将f2函数对象作为返回值 。这样f1函数外面就可以使用f1的变量n。这个即为闭包思想，函数f2 即为闭包。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

[color=red][b]闭包可以用在许多地方。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。[/b][/color]

[size=large][b]应用场景[/b]
[/size]
[b]第一种场景：读取函数内部变量
[/b]

<script>
function f1(){
    var n=999;
    function f2(){
        return n;
    }
   return f2;
}
   var f2Tmp=f1();
   var nObjext = f2Tmp();
   alert(nObjext)
<／script>

[b]第二种场景：让变量始终保存在内存中
[/b]

<script>
    function f1() {
        var n = 999;
        nAdd = function () {
            n += 1;
        }
        function f2() {
            alert(n);
        }

        return f2;
    }
    　var reslut1 = f1();
     reslut1();
    nAdd();
    reslut1();

</script>

在这段代码中，reslut1实际上就是闭包f2函数。它一共运行了两次，第一次的值是999，第二次的值是1000。这证明了，函数f1中的局部变量n一直保存在内存中，并没有在f1调用后被自动清除。为什么会这样呢？原因就在于f1是f2的父函数，而f2被赋给了一个全局变量，这导致f2始终在内存中，而f2的存在依赖于f1，因此f1也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收。这段代码中另一个值得注意的地方，就是“nAdd=function(){n+=1}”这一行，首先在nAdd前面没有使用var关键字，因此 nAdd是一个全局变量，而不是局部变量。其次，nAdd的值是一个匿名函数（anonymous function），而这个匿名函数本身也是一个闭包，所以nAdd相当于是一个setter，可以在函数外部对函数内部的局部变量进行操作。

[size=large][b]使用闭包注意点[/b]
[/size]

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

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