javascript中加var和不加var的差別 你真的懂嗎_javascript技巧

Javascript是遵循ECMAScript標準下的一個產物，自然ECMAScript的標準其要遵循。

先來看看下var關鍵字的定義與用法

var 語句用於宣告變數。

JavaScript 變數的建立也叫作"宣告"一變數:

複製程式碼 程式碼如下:

var carName;

變數宣告後，變數為空 (沒有值)。

為變數複製，操作如下:

複製程式碼 程式碼如下:

carName = "Volvo";

宣告變數時，你同樣可以為變數賦值：

複製程式碼 程式碼如下:

var carName = "Volvo";

文法

複製程式碼 程式碼如下:

var varname = value;

參數值

 

參數	描述
varname	必須。指定變數名。 變數名稱可以包含字母，數字，底線和美元符號。 變數名稱必須以字母開頭 變數名稱也可以以$和_開頭（但一般不這麼用） 變數名稱是大小寫敏感的（y和Y是不同的變數） 保留字（如JavaScript關鍵字）不能當作變數名稱使用
value	可選。指定變數的值。 注意： 如果變數宣告未指定值，其預設值為 undefined

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

下面拉出javascript中的var關鍵字，給大家單獨講解。

我們知道定義變數的時候，我們需要用到Var關鍵字，使用Var關鍵字時，我們需要注意他的使用方法：
下面幾個列子，充分說明了Var在使用和不使用、全域變數和局部變數定義時，有不同的執行結果。

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

結果為：undefined

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

結果為：1

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

結果為：undefined

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

結果為：1

看到這裡對javascript的var你了解多少，相信大家透過本文學習多多少少都會有點收穫的吧。欲了解更多關於javascript var相關知識請持續關注本站，謝謝！