javascript 中加’var‘和不加'var'的區別，你真的懂嗎？

沒看之前千萬別說我是標題黨，這個問題真的有好多淫都不懂！！！

大家都看了很多文章，都說避免隱式聲明全局變數，就是說聲明變數前必須加'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,超全面'

鄙人才疏學淺，有不足之處，歡迎補足