js全局變數這個問題,其實還很複雜的,大家估計都是看到了錶面現象而已,這篇文章保證讓你茅舍頓開,小學生都能看懂
沒看之前千萬別說我是標題黨,這個問題真的有好多淫都不懂!!!
大家都看了很多文章,都說避免隱式聲明全局變數,就是說聲明變數前必須加'var',那加了'var'和不加'var'到底有啥區別呢?
先來看一段代碼
var a = 'aa'; alert(a); //彈出 'aa' alert(window.a)//彈出'aa'
明白了吧,你聲明一個全局變數其實是給'window'對象增加了一個屬性,下麵一段代碼有相同效果
a = 'aa'; alert(a); //彈出 'aa' alert(window.a)//彈出'aa'
那"var a = 'aa' " 和 "a = 'aa' " 都是全局變數,有啥區別了? 看下麵兩段段代碼
var a = 'aa'; delete window.a; // false
a = 'aa'; delete window.a; // true
都是為'window'對象增加了屬性,一個可以刪除,一個不能刪除。但是加上'var'就可以作用域相關了,不加'var'始終都是在為'window'對象動態添加屬性,以下代碼為證
var test = function(){ a = 'aa'; } test(); alert(window.a);//彈出'aa'
由於window對象是全局對象,因此預設可以不加,下麵這段同樣效果
var test = function(){ a = 'aa'; } test(); alert(a);//彈出'aa'
說到這,認真思考的同學現在必然有個疑問, 為啥隱式聲明的全局變數可以刪除,顯式聲明的全局變數就無法刪除?
原因是"delete 不可以刪除那些可配置性為false的屬性" ,某些內置對象的屬性是不可配置的,比如通過變數聲明或者函數聲明創建的全局對象的屬性,以下代碼為證
delete Object.prototype; // false 不可刪除,該屬性是不可配置的 var a = 'aa'; delete window.a;//false 不可刪除,該屬性是不可配置的 function test(){}; delete window.test;//false 不可刪除,該屬性是不可配置的
那這樣不就明白了,通過'var'聲明的全局變數,其實際上是為'window'對象增加了一個不可配置的屬性, 而不加'var'聲明的全局變數,其實際上是為'window'對象增加了一個可以配置的屬性。
註意了,以上使用window的地方,window都可以用this代替,如:
var test = function(){ a = 'aa'; } test(); alert(this.a);//彈出'aa'
至於原因,請查看鄙人之前寫的文章 'this,this,再次討論javascript中的this,超全面'
鄙人才疏學淺,有不足之處,歡迎補足