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

•JavaScript的變量作用域是基于其特有的作用域鏈的。

•JavaScript沒有塊級作用域。

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

1、JavaScript的作用域鏈
首先看下下面這段代碼：

復制代碼 代碼如下:

<script type="text/javascript"> var rain = 1; function rainman(){ var man = 2; function inner(){ var innerVar = 4; alert(rain); } inner(); //調用inner函數 } rainman(); //調用rainman函數</script>

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

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

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

復制代碼 代碼如下:

<script type="text/javascript"> var rain = 1; //定義全局變量 rain function check(){ var rain = 100; //定義局部變量rain alert( rain ); //這里會彈出 100 } check(); alert( rain ); //這里會彈出1</script>

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

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

復制代碼 代碼如下:

<script type="text/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>

首先觀察這段代碼：

復制代碼 代碼如下:

<script type="text/javascript"> function rain(){ var x = 1; function man(){ x = 100; } man(); //調用man alert( x ); //這里會彈出 100 } rain(); //調用rain</script>

復制代碼 代碼如下:

<script type="text/javascript"> var x = 1; function rain(){ alert( x ); //彈出 'undefined'，而不是1 var x = 'rain-man'; alert( x ); //彈出 'rain-man' } rain();</script>

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

復制代碼 代碼如下:

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

復制代碼 代碼如下:

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

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

復制代碼 代碼如下:

<script type="text/javascript"> var x = 100 ; alert( window.x );//彈出100 alert(x);</script>

復制代碼 代碼如下:

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