|
|
一、變量的類型
Javascript和Java、C這些語言不同，它是一種無類型、弱檢測的語言。它對變量的定義并不需要聲明變量類型，我們只要通過賦值的形式，可以將各種類型的數據賦值給同一個變量。例如：
i=100;//Number類型
i="variable";//String類型
i={x:4};//Object類型
i=[1,2,3];//Array類型
JS的這種特性雖然讓我們的編碼更加靈活，但也帶來了一個弊端，不利于Debug，編譯器的弱檢測讓我們維護冗長的代碼時相當痛苦。
二、變量的聲明
JS中變量申明分顯式申明和隱式申明。
var i=100;//顯式申明
i=100;//隱式申明
在函數中使用var關鍵字進行顯式申明的變量是做為局部變量，而沒有用var關鍵字，使用直接賦值方式聲明的是全局變量。
當我們使用訪問一個沒有聲明的變量時，JS會報錯。而當我們給一個沒有聲明的變量賦值時，JS不會報錯，相反它會認為我們是要隱式申明一個全局變量，這一點一定要注意。
三、全局變量和局部變量
當JS解析器執行時，首先就會在執行環境里構建一個全局對象，我們定義的全局屬性就是做為該對象的屬性讀取，在頂層代碼中我們使用this關鍵字和window對象都可以訪問到它。而函數體中的局部變量只在函數執行時生成的調用對象中存在，函數執行完畢時局部變量即刻銷毀。因此在程序設計中我們需要考慮如何合理聲明變量，這樣既減小了不必要的內存開銷，同時能很大程度地避免變量重復定義而覆蓋先前定義的變量所造成的Debug麻煩。
四、變量作用域
任何程序語言中變量的作用域都是一個很關鍵的細節。JS中變量的作用域相對與Java、C這類語言顯得更自由，一個很大的特征就是JS變量沒有塊級作用域，函數中的變量在整個函數都中有效，運行下面代碼：
<SCRIPT LANGUAGE="JavaScript" type="text/Javascript">
//定義一個輸出函數
function outPut(s){
document.writeln(s)
}
//全局變量
var i=0;
//定義外部函數
function outer(){
//訪問全局變量
outPut(i); // 0
//定義一個類部函數
function inner(){
//定義局部變量
var i = 1;
// i=1; 如果用隱式申明 那么就覆蓋了全局變量i
outPut(i); //1
}
inner();
outPut(i); //0
}
outer();
</SCRIPT>
輸出結果為0 1 0，從上面就可以證明JS如果用var在函數體中聲明變量，那么此變量在且只在該函數體內有效，函數運行結束時，本地變量即可銷毀了。
由于上面的這個JS特性，還有一個關鍵的問題需要注意。此前一直使用ActionScript，雖然它和JS都是基于ECMA標準的，但在這里還是略有不同的。例如下面代碼：
<SCRIPT LANGUAGE="JavaScript" type="text/Javascript">
//定義一個輸出函數
function outPut(s){
document.writeln(s)
}
//全局變量
var i=0;
//定義外部函數
function outer(){
//訪問全局變量
outPut(i); // 0
//定義一個類部函數
function inner(){
outPut(i); //undefiend
var i=1;
outPut(i); //1
}
inner();
outPut(i); //0
}
outer();
</SCRIPT>
你可能認為輸出結果是0 0 1 0，事實上在AS中確實是這樣的，而在JS中的輸入卻是0 undefined 1 0，為何會這樣了？剛才我們說到了JS函數體中聲明的本地變量在整個函數中都有效，因此在上面代碼中var i = 1 ;在inner函數中都有效，實際上顯式聲明的變量i是在預編譯時就已經編譯到調用對象中了，不同于隱式聲明變量在解釋時才被定義為全局變量，只是在調用outPut(i)時，還沒有將它初始化變量，此時的本地變量i是未賦值變量，而不是未定義變量，因此輸出了undefined。上面的代碼等效于下面代碼：
function inner(){
var i; //定義但不賦值
outPut(i); //undefiend
i=1;
outPut(i); //1
}
為了避免上面的這類問題，因此在函數開始位置集中做函數聲明是一個極力推薦的做法。
五、基本類型和引用類型
JS不同于Java、C這些語言，在變量申明時并不需要聲明變量的存儲空間。變量中所存儲的數據可以分為兩類：基本類型和引用類型。其中數值、布爾值、null和undefined屬于基本類型，對象、數組和函數屬于引用類型。
基本類型在內存中具有固定的內存大小。例如：數值型在內存中占有八個字節，布爾值只占有一個字節。對于引用型數據，他們可以具有任意長度，因此他們的內存大小是不定的，因此變量中存儲的實際上是對此數據的引用，通常是內存地址或者指針，通過它們我們可以找到這個數據。
引用類型和基本類型在使用行為上也有不同之處：
<SCRIPT LANGUAGE="JavaScript" type="text/Javascript">
//定義一個輸出函數
function outPut(s){
document.writeln(s)
}
var a = 3;
var b = a;
outPut(b);
//3
a = 4;
outPut(a);
//4
outPut(b);
//3
</SCRIPT>
對基本類型b進行賦值時，實際上是又開辟了一塊內存空間，因此改變變量a的值對變量b沒有任何影響。
<SCRIPT LANGUAGE="JavaScript" type="text/Javascript">
//定義一個輸出函數
function outPut(s){
document.writeln(s)
}
var a_array = [1,2,3];
var b_array = a_array;
outPut(b_array); //1,2,3
a_array[3] = 4;
outPut(b_array);//1,2,3,4
</SCRIPT>
上面是對引用類型的變量賦值，實際上他們傳遞的是對內存地址的引用，因此對a_array和b_array的存取，實際上都是操作的同一塊內存區域。如果希望重新分配內存空間存儲引用型變量，那么我就需要使用克隆方法或者自定義方法來復制引用變量的數據。
JavaScript技術：不錯的JS中變量相關的細節分析，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
