就是這種盲目無原理依據(jù)的研究測試弄暈了我, 有必要這么做嗎? 其實理解了原理就沒必要搞這么多一個一個的試, 然后得出規(guī)律, ECMAScript規(guī)則都已經(jīng)定義好了.

var的規(guī)則是: 使用var聲明變量就是內(nèi)部變量, 否則就是先調(diào)用全局變量, 不管多少層函數(shù).

this的規(guī)則是: method函數(shù)里的this永遠指向自身, 普通函數(shù)的this永遠指向DOMWindow.

// GodDamnTest1

function Foo() {

var a = 123; // 局部變量, 所有子函數(shù)的全局變量

this.a = 456; // 對象屬性

(function() {

alert(a); // 123, 全局

alert(this.a); // undefined, 普通函數(shù), this指向DOMWindow

})();

}

var f = new Foo();

// GodDamnTest2

function Foo() {

var a = 123;

this.a = 456;

(function(a) { // 局部聲明

alert(a); // 456, 被函數(shù)局部聲明的a覆蓋了全局

})(this.a);

}

var f = new Foo();

// GodDamnTest3

function 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

})();

// GodDamnTest4

function Foo() {

(function() {

this.b = 789; // window.b = 789

})();

(function() {

alert(this.b); // 789, window.b

var b = 0;

alert(b); // 0, 這樣的測試也寫出來了!

})();

}

var f = new Foo();

(function() {

alert(this.b); // 789, window.b

alert(b); // 789, window.b

})();

令人意外的是，最后一個 alert(b)，結(jié)果仍然是 789。 // no damn surprise at all!

// GodDamnTest5

function Foo() {

(function() {

this.b = 789; // window.b = 789

})();

(function() {

alert(this.b); // 789, window.b

alert(b); // undefined, 全局

var b = 0;

alert(b); // 0, 還有這種測試!

})();

}

var f = new Foo();

(function() {

alert(this.b); // 789, window.b

alert(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全局變量和局部變量最新解析，希望對大家有所幫助