就是這種盲目無原理依據的研究測試弄暈了我, 有必要這么做嗎? 其實理解了原理就沒必要搞這么多一個一個的試, 然后得出規律, ECMAScript規則都已經定義好了.
var的規則是: 使用var聲明變量就是內部變量, 否則就是先調用全局變量, 不管多少層函數.
this的規則是: method函數里的this永遠指向自身, 普通函數的this永遠指向DOMWindow.
// GodDamnTest1function Foo() { var a = 123; // 局部變量, 所有子函數的全局變量this.a = 456; // 對象屬性(function() { alert(a); // 123, 全局alert(this.a); // undefined, 普通函數, this指向DOMWindow })(); } var f = new Foo(); // GodDamnTest2function Foo() { var a = 123; this.a = 456; (function(a) { // 局部聲明alert(a); // 456, 被函數局部聲明的a覆蓋了全局 })(this.a); } var f = new Foo(); // GodDamnTest3function Foo() { var a = 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})(); } var f = new Foo(); (function() { alert(this.b); // 789, window.b})(); // GodDamnTest4function Foo() { (function() { this.b = 789; // window.b = 789})(); (function() { alert(this.b); // 789, window.bvar b = 0; alert(b); // 0, 這樣的測試也寫出來了!})(); } var f = new Foo(); (function() { alert(this.b); // 789, window.balert(b); // 789, window.b})();
令人意外的是,最后一個 alert(b),結果仍然是 789。 // no damn surprise at all!
// GodDamnTest5function Foo() { (function() { this.b = 789; // window.b = 789})(); (function() { alert(this.b); // 789, window.balert(b); // undefined, 全局var b = 0; alert(b); // 0, 還有這種測試!})(); } var f = new Foo(); (function() { alert(this.b); // 789, window.balert(b); // 789, window.b})();
PS:JS刪除局部變量的方法
alert('value:'+str+'/ttype:'+typeof(str)) //聲明變量前,引用var str="dd";alert('value:'+str+'/ttype:'+typeof(str)) //聲明并賦值變量后,引用str=undefined; //刪除局部變量alert('value:'+str+'/ttype:'+typeof(str)) //取消變量后,引用,和第一個相同
以上所述是小編給大家介紹的JS全局變量和局部變量最新解析,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答