JS全局变量和局部变量最新解析
就是这种盲目无原理依据的研究测试弄晕了我,有必要这么做吗?其实理解了原理就没必要搞这么多一个一个的试,然后得出规律,ECMAScript规则都已经定义好了.
var的规则是:使用var声明变量就是内部变量,否则就是先调用全局变量,不管多少层函数.
this的规则是:method函数里的this永远指向自身,普通函数的this永远指向DOMWindow.
//GodDamnTest1
functionFoo(){
vara=123;//局部变量,所有子函数的全局变量
this.a=456;//对象属性
(function(){
alert(a);//123,全局
alert(this.a);//undefined,普通函数,this指向DOMWindow
})();
}
varf=newFoo();
//GodDamnTest2
functionFoo(){
vara=123;
this.a=456;
(function(a){//局部声明
alert(a);//456,被函数局部声明的a覆盖了全局
})(this.a);
}
varf=newFoo();
//GodDamnTest3
functionFoo(){
vara=123;
this.a=456;
(function(){
alert(a);//123,全局
alert(this.a);//undefined,DOMWindow
this.b=789;//window.b=789
})();
(function(){
alert(this.b);//789,window.b
})();
}
varf=newFoo();
(function(){
alert(this.b);//789,window.b
})();
//GodDamnTest4
functionFoo(){
(function(){
this.b=789;//window.b=789
})();
(function(){
alert(this.b);//789,window.b
varb=0;
alert(b);//0,这样的测试也写出来了!
})();
}
varf=newFoo();
(function(){
alert(this.b);//789,window.b
alert(b);//789,window.b
})();
令人意外的是，最后一个alert(b)，结果仍然是789。//nodamnsurpriseatall!
//GodDamnTest5
functionFoo(){
(function(){
this.b=789;//window.b=789
})();
(function(){
alert(this.b);//789,window.b
alert(b);//undefined,全局
varb=0;
alert(b);//0,还有这种测试!
})();
}
varf=newFoo();
(function(){
alert(this.b);//789,window.b
alert(b);//789,window.b
})();
PS：JS删除局部变量的方法
alert('value:'+str+'\ttype:'+typeof(str))//声明变量前，引用
varstr="dd";
alert('value:'+str+'\ttype:'+typeof(str))//声明并赋值变量后，引用
str=undefined;//删除局部变量
alert('value:'+str+'\ttype:'+typeof(str))//取消变量后，引用，和第一个相同
以上所述是小编给大家介绍的JS全局变量和局部变量最新解析，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！