JS作用域与闭包--实例

    <script>
        "use strict"
        //函数作用域
        function func(){
            var arr = [1,3,5,7,9];
            var sum = 0;
            for(var i = 0,len = arr.length;i < len;i ++){
                sum += arr[i];
            }
            console.log("%d\t\n%d",i,sum);
        }
        func();
        //
        //

        //闭包特性
        var outter = [];
        function clouseTest(){
            var arr = ["one","two","three","four"];
            for(var i = 0, len = arr.length;i < len;i ++){
                var x = {};
                x.no = i;
                x.text = arr[i];
                x.invoke = function(){
                    console.log("%d\t\n%o\t\n%d\t\n",i,this,this.no);
                };
                outter.push(x);
            }
        }

        clouseTest();
        for(var i = outter.length - 1;i >= 0;i --){
            outter[i].invoke();
        }
        //
        //Object { no=3, text="four", invoke=function()}
        //

        //
        //Object { no=2, text="three", invoke=function()}
        //

        //
        //Object { no=1, text="two", invoke=function()}
        //

        //
        //Object { no=0, text="one", invoke=function()}
        //

        //关于i输出的都是4的解释：因为，在每次迭代的时候这样的语句x.invoke=function(){console("%d",i);}并没有
        //被执行，只是构建了一个函数体为“console.log("%d",i);”的函数对象，如此而已。而当i = 4时，迭代停止，外部函数返回
        //当再去调用outter[i].invoke()时，i的值依旧为4，因此outter数组中的每一个元素的invoke都返回i的值为4.

        //引用
        var obj = {};//空对象
        var ref = obj;//引用
        obj.name = "objectA";//
        console.log(ref.name);//ref跟着刚添加的name属性
        obj =  ["one","two","three","four"];//obj指向了另一个对象（数组对象）
        console.log(ref.name);//ref还指向原来的对象
        console.log(obj.length);//
        console.log(ref.length);//undefined

        //objectA
        //objectA
        //
        //undefined

        //作用域问题：内部函数可以访问外部函数中的变量，(在非严格模式下，当此时内部函数中的this却是指向window)
        var name = "window";
        function wrapper(){
            var name = "wrapper";

            function inner(){
                console.log('%s',name);//wrapper
                console.log('%o',this);//在严格模式（ use strict）下是 undefined,否则指向 window
                //console.log('%s',this.name);//在严格模式（use strict）下,是undefined error,否则是 'window'
            }
            inner();
        }
        wrapper();

        function wrapper2(){
            var name = "local";
            return function(){
                console.log('%s',name);//local
                console.log('%o',this);//在严格模式（ use strict）下是 undefined,否则指向 window
                //console.log('%s',this.name);//在严格模式（use strict）下,是undefined error,否则是 'window'
            };
        }

        wrapper2()();

    </script>