JavaScript--闭包

一.闭包的特点,以及闭包与垃圾回收机制的关系

<script>
        /**
         *  闭包结构的特点
         *      函数嵌套的函数
         *      被嵌套的函数有返回值，这个返回值调用了外函数的变量
         **/


        /**
         *  垃圾回收机制
         *      变量创建的时候会占用内存
         *      垃圾回收机制会被没用到的变量和用完的变量回收(从内存里面删除)
         * */

        function fn1() {
            // 局部变量
            var data1 = "数据";
            function fn2() {
                return data1;
            }
            return fn2;
        }


//        console.log(fn1()); // 输出fn2

        // 这里能输出局部变量里保存的数据，说明垃圾回收机制没有把局部变量回收
        // 坏处：占用内存(局部变量没有被删除)
        // 好处：局部变量data1不会污染外部变量
        console.log(fn1()()); // "数据"
    </script>

二.非闭包情况例子

 <script>
        var arr  = [10,20,30];

        // 平常的for循环i在for的括号内创建
       /* for (var i = 0; i < arr.length; i++) {
          arr[i] = function () {
              console.log(i);
          }

        }
        arr[0](); //输出 3*/


        // 这个就相当于在外面创建了一个i变量，在for循环里面使用了而已
/*        var i = 0;
        for (; i < arr.length; i++) {
            arr[i] = function () {
                console.log(i);
            }

        }*/

//        arr[0](); //输出 3 在执行的这一刻，问一下i是多少
//        alert(i); // 输出3


        //--------------------例子2-------------------------
        console.log(111);
        var i = 0;
        // for循环在我们发布的那一刻就已经执行完毕
        for (; i < 3; i++) {
          // 定时器其实在for循环完了的最后一刻才执行
          setTimeout(function () {
              console.log(i);  // 输出3
          },1000);
        }

        console.log(222);
    </script>

三.闭包与非闭包的区别例子

 <script>
        // 没有形成闭包，里面的函数没有使用外部的函数变量
 /*       var name = "The Window";
        var object = {
            name: "My Object",
            getNameFunc:function () {
                console.log(this); // 得到 object
                return function () {
                    // 这里的this呢?
                    console.log(this); //在调用的那一刻变成window
                    return this.name;
                }
            }
        };

        console.log(object.getNameFunc()());
        // object.getNameFunc()运行得到function*/

//形成闭包，里面的函数使用了外部的函数变量
 var name = "The Window";
 var object = {
     name: "My Object",
     getNameFunc:function () {
         // 把外面的this保存到局部变量that里
        var that = this;
         return function () {
             // 被嵌套的函数调用了局部变量 that  这里形成了闭包，
             // 所以that变量不会被回收，一直保存着外面的对象。
             return that.name;
         }
     }
 };

 console.log(object.getNameFunc()());
</script>