js闭包

js闭包的官方解释：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。个人理解就是：就是一个在函数内部的函数，他可以访问他的外部函数的变量的AO里面的所有值。当然GO里面的值也可以访问。（在了解闭包前，你必须先了解js的作用域，作用域链）。反过来说，当函数内部包含一个内部函数，并且被返回保存该内部函数，就会产生会产生闭包；这样还是有点抽象，看一个例子；

<script type="text/javascript">
        //总结：当内部函数被返回到外部并且保存时，一定会产生闭包，闭包会产生 原来的作用域链不释放，过度的闭包会导致内存泄漏，或者加载过慢。
        function breadMgr(num){
            var breadNum = arguments[0] || 0;
            function supply(){
                breadNum += 10;
                console.log(breadNum);
                 }

            function sale(){
                breadNum --;
                console.log(breadNum);
            }
            return [supply,sale];
        }

        var breadMgr = breadMgr(50);
        breadMgr[0]();
        breadMgr[1]();

        //第二个例子，解释一下结果是什么，为什么//需要联系AO 和GO
        function test1(){
            var arr = [];
            for(var i = 0;i < 10;i++){
                arr[i] = function(){
                    console.log(i+",");
                }

            }
            return arr;
        }
        var myArr = test1();
        for(var j = 0;j<10;j++){
            myArr[j]();
        }
    </script>

解析：

breadMgr[0]()；的结果是60

breadMgr[0]();的结果是59

下面的for循环下面的结果是 10 个10；

这里，我们先只看第一例子：

function breadMgr(num){
            var breadNum = arguments[0] || 0;
            function supply(){
                breadNum += 10;
                console.log(breadNum);
                 }

            function sale(){
                breadNum --;
                console.log(breadNum);
            }
            return [supply,sale];
        }

        var breadMgr = breadMgr(50);
        breadMgr[0]();
        breadMgr[1]();

作用域 GO: breadMgr = function breadMgr(){...}
执行：
　　AO:breadNum = undefined
　　　　breadNum = 50
执行：
　　　　supply = function supply(){...}
　　　　sale = function sale(){...}
　　　　返回 [supply,sale];

breadMgr[0]()的执行结果就是 60；

breadMgr[1]()的执行结果就是59；

第二个例子：

function test1(){
            var arr = [];
            for(var i = 0;i < 10;i++){
                arr[i] = function(){
                    console.log(i+",");
                }

            }
            return arr;
        }
        var myArr = test1();
        for(var j = 0;j<10;j++){
            myArr[j]();
        }

预解析 GO: test1= function test1(){....}

　　　　　myArr = undefined

执行：test1预解析：arr = undefined

　　　　　　　执行：　　arr = []

　　　　　　　　　　　　arr[i] = function(){console.log(i+',")}

　　　　　　　　总共执行10次，最后i 的结果是10；

这里解释一下，for(var i = 0; i<10;i++) 等同于 var i = 0;if(i<10){i++;.......}；所以这里的i就是 10；

i = 10 ,数组下标是 0-9 ，每个值都是function(){console.log(10+',")}，

执行 for(var j=0;j<10;j++)后，打印每个结果就是 10 ；

 

最后还介绍一下，闭包的写法：

<script type="text/javascript">
        //return 写法
        function test() {
            var a = 1;
            function add() {
                a++;
                console.log(a);
            }
            return add;//这里 可以写成 window.add = add;
        }
        var add = test();
        add();

        // window写法
        function test2() {
            var b = 1;
            function add1() {
                b++;
                console.log(b);
            }
            window.add1 = add1;
        }
        test2();
        add1();
    </script>