Javascript中的變量使用說明
更新時間：2010年05月18日 19:55:45 作者：
使用過javascript的朋友都知道，在javascript中，變量的使用是個比較頭疼的問題，經(jīng)常會產生 些比較匪夷所思的結果。究其原因，大多是對javascript的變量相關知識了解得不夠透徹。
javascript中的所有變量都是類型松散的,不同于其他面向對象語音的變量聲明都是強類型的.因此Javascript 的變量聲明是不包括類型的。通過var關鍵字或者直接寫變量名來聲明一個變量，如：
var v = 1;
v=1;
這時有人可能會問，上述的兩種聲明有什么區(qū)別，為什 么會有這兩種不同的聲明方式，這就涉及到javascript中變量的作用域了。在javascript中，變量的作用域包括全局和函數(shù)級別的。
全局變量可以聲明在函數(shù)體外，無論使用上述的哪種聲明方式，在函數(shù)體外 聲明的變量都是全局變量。如：
<script type="text/javascript" language="javascript">
var v = 1;
function foo()
{
alert(v);
}
w = 2;
function bar()
{
alert(w);
}
foo();
</script>
運行結果：1 2
另外，在函數(shù)內部聲明的變量如果不使用var關鍵字，聲明的變量也將是全局變量。如：
<script type="text/javascript" language="javascript">
function foo()
{
v = 1;
}
foo();
alert(v);
</script>
運行結果：1
但是需要注意，這種情況下，若要使用變量，必須先調用聲明變量的函數(shù)對變量進行初始化， 如foo()，否則，將會出現(xiàn)“變量v未定義”的錯誤。
全局變量將作為window對象的屬性存在，因為可以 通過window.$($表示變量名)訪問。當然也可以通過變量名直接訪問。下面會講到為什么有這兩種訪問方式。
在函數(shù)內部通過var關鍵字聲明的變量將是函數(shù)級別的變量，其作用域僅僅限于函數(shù)內部。如：
<script type="text/javascript" language="javascript">
function foo()
{
var v=1;
alert(v);
}
alert(v);
</script>
運行結果：1 變量“v”未定義
通過上面的分析，可以發(fā)現(xiàn)關鍵字var主要作用 是定義函數(shù)級別的變量。
細心的朋友可以會問，如果在函數(shù)內部和外部定義了相同的變量，會是什么樣的結果呢？如：
<script type="text/javascript" language="javascript">
var v=1;
function foo()
{
alert(v);
var v=2;
}
foo();
</script>
運行結果：undefined
?。。。?！也許有人會比較郁悶了，v明明白白的定義在函數(shù)foo()體外，為什么會是 undefined呢？這就涉及到javascript的解析了。根據(jù)經(jīng)驗，javascript對于函數(shù)體內變量的解析過程是：
搜索所有的 var關鍵字，將其變量聲明放到函數(shù)體的最前面，賦值和使用仍然保持不變，這樣，上面的javascript實際上是等同于：
<script type="text/javascript" language="javascript">
var v=1;
function foo()
{
var v;
alert(v);
v=2;
}
foo();
</script>
照此分析，產生上述 的結果就顯而易見了，由于函數(shù)內部的變量的優(yōu)先級高于全局變量的優(yōu)先級(大部分的編程語言都是這樣)， 函數(shù)內部的變量v覆蓋了全局變量v，但是由于在使用函數(shù)內部變量v時，它僅僅聲明，但未賦值，因此結果是undefined。
如果在方法 體內仍然要使用定義的全局變量v，window對象此時派上大大的用場了，可以通過window.v來訪問。如：
<script type="text/javascript" language="javascript">
var v=1;
function foo()
{
alert(window.v);
alert(v);
var v=2;
}
foo();
</script>
運行結果：2 undefined
var v = 1;
v=1;
這時有人可能會問，上述的兩種聲明有什么區(qū)別，為什 么會有這兩種不同的聲明方式，這就涉及到javascript中變量的作用域了。在javascript中，變量的作用域包括全局和函數(shù)級別的。
全局變量可以聲明在函數(shù)體外，無論使用上述的哪種聲明方式，在函數(shù)體外 聲明的變量都是全局變量。如：
復制代碼 代碼如下:
<script type="text/javascript" language="javascript">
var v = 1;
function foo()
{
alert(v);
}
w = 2;
function bar()
{
alert(w);
}
foo();
</script>
運行結果：1 2
另外，在函數(shù)內部聲明的變量如果不使用var關鍵字，聲明的變量也將是全局變量。如：
復制代碼 代碼如下:
<script type="text/javascript" language="javascript">
function foo()
{
v = 1;
}
foo();
alert(v);
</script>
運行結果：1
但是需要注意，這種情況下，若要使用變量，必須先調用聲明變量的函數(shù)對變量進行初始化， 如foo()，否則，將會出現(xiàn)“變量v未定義”的錯誤。
全局變量將作為window對象的屬性存在，因為可以 通過window.$($表示變量名)訪問。當然也可以通過變量名直接訪問。下面會講到為什么有這兩種訪問方式。
在函數(shù)內部通過var關鍵字聲明的變量將是函數(shù)級別的變量，其作用域僅僅限于函數(shù)內部。如：
復制代碼 代碼如下:
<script type="text/javascript" language="javascript">
function foo()
{
var v=1;
alert(v);
}
alert(v);
</script>
運行結果：1 變量“v”未定義
通過上面的分析，可以發(fā)現(xiàn)關鍵字var主要作用 是定義函數(shù)級別的變量。
細心的朋友可以會問，如果在函數(shù)內部和外部定義了相同的變量，會是什么樣的結果呢？如：
復制代碼 代碼如下:
<script type="text/javascript" language="javascript">
var v=1;
function foo()
{
alert(v);
var v=2;
}
foo();
</script>
運行結果：undefined
?。。。?！也許有人會比較郁悶了，v明明白白的定義在函數(shù)foo()體外，為什么會是 undefined呢？這就涉及到javascript的解析了。根據(jù)經(jīng)驗，javascript對于函數(shù)體內變量的解析過程是：
搜索所有的 var關鍵字，將其變量聲明放到函數(shù)體的最前面，賦值和使用仍然保持不變，這樣，上面的javascript實際上是等同于：
復制代碼 代碼如下:
<script type="text/javascript" language="javascript">
var v=1;
function foo()
{
var v;
alert(v);
v=2;
}
foo();
</script>
照此分析，產生上述 的結果就顯而易見了，由于函數(shù)內部的變量的優(yōu)先級高于全局變量的優(yōu)先級(大部分的編程語言都是這樣)， 函數(shù)內部的變量v覆蓋了全局變量v，但是由于在使用函數(shù)內部變量v時，它僅僅聲明，但未賦值，因此結果是undefined。
如果在方法 體內仍然要使用定義的全局變量v，window對象此時派上大大的用場了，可以通過window.v來訪問。如：
復制代碼 代碼如下:
<script type="text/javascript" language="javascript">
var v=1;
function foo()
{
alert(window.v);
alert(v);
var v=2;
}
foo();
</script>
運行結果：2 undefined
相關文章
這篇文章主要介紹了js實現(xiàn)checkbox全選和反選示例,需要的朋友可以參考下2014-05-05
本文主要是給大家簡單介紹了Array的相關基礎知識，到這里也算是能對Array有更全面的理解了，希望大家能夠喜歡，后續(xù)我們將繼續(xù)介紹關于array的內容。2016-03-03
Javascript中eval函數(shù)的使用方法與示例
JavaScript有許多小竅門來使編程更加容易。其中之一就是eval()函數(shù)，這個函數(shù)可以把一個字符串當作一個JavaScript表達式一樣去執(zhí)行它。以下是它的說明2007-04-04
CSS我覺得應該沒有不會的吧。。不過因為我自己不大會于是還是補在這里好了2012-03-03
slice函數(shù)的用法 之不錯的應用...2006-12-12
在這一章我會給出一個在CMS里非常有用的更新頁面的代碼。在任一段落點擊鼠標你就可以修改了。完成以后點擊按鈕，修改的文本就顯示了。2010-02-02
深入理解JavaScript中的塊級作用域、私有變量與模塊模式
本篇文章詳細的介紹了JavaScript中的塊級作用域、私有變量與模塊模式，詳細介紹了塊級作用域、私有變量與模塊模式，對學習JavaScript很有幫助。2016-10-10
本文詳細講解了ECMAScript6的基礎教程，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
JavaScript中二維數(shù)組的創(chuàng)建技巧
二維數(shù)組本質上是以數(shù)組作為數(shù)組元素的數(shù)組，即"數(shù)組的數(shù)組"，類型說明符 數(shù)組名[常量表達式][常量表達式]。二維數(shù)組又稱為矩陣，行列數(shù)相等的矩陣稱為方陣。對稱矩陣a[i][j] = a[j][i]，對角矩陣:n階方陣主對角線外都是零元素2021-11-11
JavaScript字符串對象charAt方法入門實例（用于取得指定位置的字符）
這篇文章主要介紹了JavaScript字符串對象charAt方法入門實例,charAt方法用于取得指定位置的字符,需要的朋友可以參考下2014-10-10