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,超全面'

 

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