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