JS作用域与闭包--实例

    //函数作用域
        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();
        //5
        //25
        
        //闭包特性
        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();
        }
        //4
        //Object { no=3, text="four", invoke=function()}
        //3

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

        //4
        //Object { no=1, text="two", invoke=function()}
        //1
        
        //4
        //Object { no=0, text="one", invoke=function()}
        //0
        
        //关于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);//3
        console.log(ref.length);//undefined
        
        //objectA
        //objectA
        //3
        //undefined

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。