|
|
a、JavaScript的變量作用域是基于其特有的作用域鏈的。
b、JavaScript沒有塊級作用域。
c、函數(shù)中聲明的變量在整個(gè)函數(shù)中都有定義。
1、JavaScript的作用域鏈
首先看下下面這段代碼：
復(fù)制代碼 代碼如下:
<script type="text/Javascript" language="Javascript">
var rain = 1;
function rainman(){
var man = 2;
function inner(){
var innerVar = 4;
alert(rain);
}
inner(); //調(diào)用inner函數(shù)
}
rainman(); //調(diào)用rainman函數(shù)
</script>
觀察alert(rain);這句代碼。JavaScript首先在inner函數(shù)中查找是否定義了變量rain，如果定義了則使用inner函數(shù)中的rain變量；如果inner函數(shù)中沒有定義rain變量，JavaScript則會繼續(xù)在rainman函數(shù)中查找是否定義了rain變量，在這段代碼中rainman函數(shù)體內(nèi)沒有定義rain變量，則JavaScript引擎會繼續(xù)向上（全局對象）查找是否定義了rain；在全局對象中我們定義了rain = 1，因此最終結(jié)果會彈出'1'。
作用域鏈：JavaScript需要查詢一個(gè)變量x時(shí)，首先會查找作用域鏈的第一個(gè)對象，如果以第一個(gè)對象沒有定義x變量，JavaScript會繼續(xù)查找有沒有定義x變量，如果第二個(gè)對象沒有定義則會繼續(xù)查找，以此類推。
上面的代碼涉及到了三個(gè)作用域鏈對象，依次是：inner、rainman、window。
2、函數(shù)體內(nèi)部，局部變量的優(yōu)先級比同名的全局變量高。
復(fù)制代碼 代碼如下:
<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沒有塊級作用域。
這一點(diǎn)也是JavaScript相比其它語言較靈活的部分。
仔細(xì)觀察下面的代碼，你會發(fā)現(xiàn)變量i、j、k作用域是相同的，他們在整個(gè)rain函數(shù)體內(nèi)都是全局的。
復(fù)制代碼 代碼如下:
<script type="text/Javascript" language="Javascript">
function rainman(){
/**
* rainman函數(shù)體內(nèi)存在三個(gè)局部變量 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、函數(shù)中聲明的變量在整個(gè)函數(shù)中都有定義。
首先觀察這段代碼。
復(fù)制代碼 代碼如下:
<script type="text/Javascript" language="Javascript">
function rain(){
var x = 1;
function man(){
x = 100;
}
man(); //調(diào)用man
alert( x ); //這里會彈出 100
}
rain(); //調(diào)用rain
</script>
上面得代碼說明了，變量x在整個(gè)rain函數(shù)體內(nèi)都可以使用，并可以重新賦值。由于這條規(guī)則，會產(chǎn)生“匪夷所思”的結(jié)果，觀察下面的代碼。
這是由于在函數(shù)rain內(nèi)局部變量x在整個(gè)函數(shù)體內(nèi)都有定義（ var x= 'rain-man'，進(jìn)行了聲明），所以在整個(gè)rain函數(shù)體內(nèi)隱藏了同名的全局變量x。這里之所以會彈出'undefined'是因?yàn)椋谝粋€(gè)執(zhí)行alert(x)時(shí)，局部變量x仍未被初始化。
復(fù)制代碼 代碼如下:
<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函數(shù)等同于下面的函數(shù)。
復(fù)制代碼 代碼如下:
function rain(){
var x;
alert( x );
x = 'rain-man';
alert( x );
}
5、未使用var關(guān)鍵字定義的變量都是全局變量。
復(fù)制代碼 代碼如下:
<script type="text/Javascript" language="Javascript">
function rain(){
x = 100; //聲明了全局變量x并進(jìn)行賦值
}
rain();
alert( x ); //會彈出100
</script>
這也是JavaScript新手常見的錯(cuò)誤，無意之中留下的許多全局變量。
6、全局變量都是window對象的屬性
復(fù)制代碼 代碼如下:
<script type="text/Javascript" language="Javascript">
var x = 100 ;
alert( window.x );//彈出100
alert(x);
</script>
等同于下面的代碼
復(fù)制代碼 代碼如下:
<script type="text/Javascript" language="Javascript">
window.x = 100;
alert( window.x );
alert(x)
</script>
JavaScript技術(shù)：JavaScript的變量作用域深入理解，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。
