?

在學習JavaScript的變量作用域之前，我們應當明確幾點：

????a、JavaScript的變量作用域是基于其特有的作用域鏈的。

????b、JavaScript沒有塊級作用域。

????c、函數中聲明的變量在整個函數中都有定義。

?

1、JavaScript的作用域鏈

首先看下下面這段代碼：

Code
<script?type="text/javascript"?language="javascript">

var?rain?=?1;
function?rainman(){
????var?man?=?2;
????function?inner(){
????????var?innerVar?=?4;
????????alert(rain);
????}
????inner();????//調用inner函數
}
rainman();????//調用rainman函數

</script>
?

觀察alert(rain);這句代碼。JavaScript首先在inner函數中查找是否定義了變量rain，如果定義了則使用inner函數中的rain變量；如果inner函數中沒有定義rain變量，JavaScript則會繼續在rainman函數中查找是否定義了rain變量，在這段代碼中rainman函數體內沒有定義rain變量，則JavaScript引擎會繼續向上（全局對象）查找是否定義了rain；在全局對象中我們定義了rain?=?1，因此最終結果會彈出'1'。

作用域鏈：JavaScript需要查詢一個變量x時，首先會查找作用域鏈的第一個對象，如果以第一個對象沒有定義x變量，JavaScript會繼續查找有沒有定義x變量，如果第二個對象沒有定義則會繼續查找，以此類推。

上面的代碼涉及到了三個作用域鏈對象，依次是：inner、rainman、window。

?

2、函數體內部，局部變量的優先級比同名的全局變量高。

?

<script?type="text/javascript"?language="javascript">

var?rain?=?1;????//定義全局變量?rain
function?check(){
????var?rain?=?100;????//定義局部變量rain
????alert(?rain?);????//這里會彈出?100
}
check();
alert(?rain?);????//這里會彈出1

</script>
?

3、JavaScript沒有塊級作用域。

這一點也是JavaScript相比其它語言較靈活的部分。

仔細觀察下面的代碼，你會發現變量i、j、k作用域是相同的，他們在整個rain函數體內都是全局的。

?

<script?type="text/javascript"?language="javascript">

function?rainman(){
/**
?*?rainman函數體內存在三個局部變量?i?j?k
?*/
????var?i?=?0;
????if(?1?){
????????var?j?=?0;
????????for(?var?k?=?0?;?k?<?3?;?k++?){
????????????alert(?k?);????//分別彈出?0?1?2
????????}
????????alert(?k?);????//彈出3
????}
????alert(?j?);????//彈出0
}

</script>
?

4、函數中聲明的變量在整個函數中都有定義。

首先觀察這段代碼。

?

<script?type="text/javascript"?language="javascript">

function?rain(){
????var?x?=?1;
????function?man(){
????????x?=?100;
????}
????man();????//調用man
????alert(?x?);????//這里會彈出?100
}
rain();????//調用rain

</script>
?

上面得代碼說明了，變量x在整個rain函數體內都可以使用，并可以重新賦值。由于這條規則，會產生“匪夷所思”的結果，觀察下面的代碼。

?

<script?type="text/javascript"?language="javascript">

var?x?=?1;
function?rain(){
????alert(?x?);????//彈出?'undefined'，而不是1
????var?x?=?'rain-man';
????alert(?x?);????//彈出?'rain-man'
}
rain()

</script>

這是由于在函數rain內局部變量x在整個函數體內都有定義（?var?x=?'rain-man'，進行了聲明），所以在整個rain函數體內隱藏了同名的全局變量x。這里之所以會彈出'undefined'是因為，第一個執行alert(x)時，局部變量x仍未被初始化。

所以上面的rain函數等同于下面的函數。

?

function?rain(){
????var?x;
????alert(?x?);
????x?=?'rain-man';
????alert(?x?);
}

?

5、未使用var關鍵字定義的變量都是全局變量。

?

<script?type="text/javascript"?language="javascript">
function?rain(){
????x?=?100;????//聲明了全局變量x并進行賦值
}
rain();
alert(?x?);????//會彈出100
</script>


這也是JavaScript新手常見的錯誤，無意之中留下的許多全局變量。

6、全局變量都是window對象的屬性

?

<script?type="text/javascript"?language="javascript">
var?x?=?100?;
alert(?window.x?);//彈出100
alert(x);
</script>
等同于下面的代碼

<script?type="text/javascript"?language="javascript">
window.x?=?100;
alert(?window.x?);
alert(x)
</script>

轉自:http://www.cnblogs.com/rainman/archive/2009/04/28/1445687.html

轉載于:https://www.cnblogs.com/ForFreeDom/archive/2009/09/24/1573465.html

總結

以上是生活随笔為你收集整理的深入理解JavaScript的变量作用域(转)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。