就是這種盲目無原理依據(jù)的研究測試弄暈了我, 有必要這么做嗎? 其實(shí)理解了原理就沒必要搞這么多一個(gè)一個(gè)的試, 然后得出規(guī)律, ECMAScript規(guī)則都已經(jīng)定義好了.
var的規(guī)則是: 使用var聲明變量就是內(nèi)部變量, 否則就是先調(diào)用全局變量, 不管多少層函數(shù).
this的規(guī)則是: method函數(shù)里的this永遠(yuǎn)指向自身, 普通函數(shù)的this永遠(yuǎn)指向DOMWindow.
// GodDamnTest1function Foo() { var a = 123; // 局部變量, 所有子函數(shù)的全局變量this.a = 456; // 對象屬性(function() { alert(a); // 123, 全局alert(this.a); // undefined, 普通函數(shù), this指向DOMWindow })(); } var f = new Foo(); // GodDamnTest2function Foo() { var a = 123; this.a = 456; (function(a) { // 局部聲明alert(a); // 456, 被函數(shù)局部聲明的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})(); 令人意外的是，最后一個(gè) alert(b)，結(jié)果仍然是 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)) //取消變量后，引用，和第一個(gè)相同以上所述是小編給大家介紹的JS全局變量和局部變量最新解析，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！
新聞熱點(diǎn)
疑難解答
