Javascript是遵循ECMAScript標(biāo)準(zhǔn)下的一個(gè)產(chǎn)物，自然ECMAScript的標(biāo)準(zhǔn)其要遵循。

先來(lái)看下var關(guān)鍵字的定義和用法

var 語(yǔ)句用于聲明變量。

JavaScript 變量的創(chuàng)建也叫作"聲明"一變量:

變量聲明后，變量為空 (沒(méi)有值)。

為變量復(fù)制，操作如下:

聲明變量時(shí)，你同樣可以為變量賦值：

語(yǔ)法

參數(shù)值

大家都看了很多文章，都說(shuō)避免隱式聲明全局變量，就是說(shuō)聲明變量前必須加'var'，那加了'var'和不加'var'到底有啥區(qū)別呢？

 先來(lái)看一段代碼

var a = 'aa';
alert(a); //彈出 'aa'
alert(window.a)//彈出'aa' 

明白了吧，你聲明一個(gè)全局變量其實(shí)是給'window'對(duì)象增加了一個(gè)屬性，下面一段代碼有相同效果

a = 'aa';
alert(a); //彈出 'aa'
alert(window.a)//彈出'aa' 

那"var a = 'aa' " 和 "a = 'aa' " 都是全局變量，有啥區(qū)別了？ 看下面兩段段代碼

var a = 'aa';
delete window.a; // false 
a = 'aa';
delete window.a; // true 

都是為'window'對(duì)象增加了屬性，一個(gè)可以刪除，一個(gè)不能刪除。但是加上'var'就可以作用域相關(guān)了，不加'var'始終都是在為'window'對(duì)象動(dòng)態(tài)添加屬性，以下代碼為證

var test = function(){
 a = 'aa';
}
test();
alert(window.a);//彈出'aa' 

 由于window對(duì)象是全局對(duì)象，因此默認(rèn)可以不加，下面這段同樣效果

var test = function(){
 a = 'aa';
}
test();
alert(a);//彈出'aa' 

說(shuō)到這，認(rèn)真思考的同學(xué)現(xiàn)在必然有個(gè)疑問(wèn), 為啥隱式聲明的全局變量可以刪除，顯式聲明的全局變量就無(wú)法刪除？

原因是"delete 不可以刪除那些可配置性為false的屬性" ，某些內(nèi)置對(duì)象的屬性是不可配置的，比如通過(guò)變量聲明或者函數(shù)聲明創(chuàng)建的全局對(duì)象的屬性，以下代碼為證

delete Object.prototype; // false 不可刪除，該屬性是不可配置的
var a = 'aa';
delete window.a;//false 不可刪除，該屬性是不可配置的
function test(){};
delete window.test;//false 不可刪除，該屬性是不可配置的 

那這樣不就明白了，通過(guò)'var'聲明的全局變量，其實(shí)際上是為'window'對(duì)象增加了一個(gè)不可配置的屬性, 而不加'var'聲明的全局變量，其實(shí)際上是為'window'對(duì)象增加了一個(gè)可以配置的屬性。

注意了，以上使用window的地方，window都可以用this代替，如：

var test = function(){
 a = 'aa';
}
test();
alert(this.a);//彈出'aa' 

至于原因，請(qǐng)查看鄙人之前寫的文章 'this,this,再次討論javascript中的this,超全面'

下面拉出javascript中的var關(guān)鍵字，給大家單獨(dú)講解。

我們知道定義變量的時(shí)候，我們需要用到Var關(guān)鍵字，使用Var關(guān)鍵字時(shí)，我們需要注意他的使用方法：
下面幾個(gè)列子，充分說(shuō)明了Var在使用和不使用、全局變量和局部變量定義時(shí)，有不同的執(zhí)行結(jié)果。

var var01 = 1;
function funtest() {
 document.write(var01);
 var var01 = 0;
} 

結(jié)果為：undefined

var var01 = 1;
function funtest() {
 document.write(var01);
 var01 = 0;
} 

結(jié)果為：1

 var01 = 1;
function funtest() {
 document.write(var01);
 var var01 = 0;
}

結(jié)果為：undefined

var01 = 1;
function funtest() {
 document.write(var01);
 var01 = 0;
}

結(jié)果為：1

看到這里對(duì)javascript中的var你了解多少，相信大家通過(guò)本文學(xué)習(xí)多多少少都會(huì)有點(diǎn)收獲的吧。欲了解更多關(guān)于javascript var相關(guān)知識(shí)請(qǐng)持續(xù)關(guān)注本站，謝謝！

最新評(píng)論