Javascript 變量作用域兩個可能會被忽略的小特性

2019-11-21 00:38:52

字體：大中小

供稿：網(wǎng)友

也許有些高手早已知道了,但是我覺得這兩個東西還是有一些價值的，所以拿到這里和大家分享一下吧
. 有如下代碼：

 
<script type="text/javascript" > 
function test() { 
with (location) { 
var temp = "an url"; 
} 
alert(temp); 
} 
test(); 
</script> 

調(diào)用這個函數(shù)會輸出什么呢？也許會認(rèn)為它會彈出undefined, 但實際上，它彈出的是"an url"這個字符串，這就涉及到JavaScript中變量作用域的一個概念。
JS中，每個作用域都有一個相應(yīng)的"變量對象"(這么叫不一定準(zhǔn)確，知道有這么個東西就行了),這里面存放著當(dāng)前作用域定義的標(biāo)識符。JS程序開始的時候，會進入全局作用域，在我們的程序中，因為全局作用域中定義了test函數(shù)，所以它這里的“變量對象”就存放了test函數(shù)的標(biāo)識符。接下來，我們調(diào)用了test函數(shù)，就進入了，test函數(shù)的作用域，test函數(shù)本身的作用域也有自己的"變量對象",進入test的作用域的時候，也會把全局作用域里存放的標(biāo)識符復(fù)制進來，所以，在test函數(shù)中就可以訪問全局作用域中定義的標(biāo)識符了，但是在外層作用域，是不能看到內(nèi)層的內(nèi)容的。如果這樣的話，那我們這里的alert(temp)就會輸出undefined，因為temp是在內(nèi)層作用域定義的。但是為什么在這里卻能夠找到在內(nèi)層作用域里定義的標(biāo)識符呢？
因為with語句塊中作用域的"變量對象" 是只讀的，所以在他本層定義的標(biāo)識符，不能存儲到本層，而是存儲到它的上一層作用域，也就是test函數(shù)的作用域，所以，我們的alert(temp)這條語句，就可以訪問到那個在內(nèi)層定義的temp變量了。同樣的情形還出現(xiàn)在try catch 語句里面。
.Javascript中沒有語句塊的概念，代碼如下：

復(fù)制代碼代碼如下:

 
if (true) { 
var temp = "oh"; 
} 
alert(temp); 

很簡單的幾行代碼，如果是按照通常的程序語言經(jīng)驗，我們會認(rèn)為alert語句會報錯，然而事實并不是這樣，alert語句正常的輸出了“oh” 這個字符串，所以在
Javascript中不存在語句塊的概念。
上面兩個示例都很簡單，也許并不是多高的技術(shù)，很多高手應(yīng)該早已了解，但是這兩個語言特性應(yīng)該還是比較有用的，也許了解這些特性后，在寫JS的時候會減少一些出錯的機會，所以還是發(fā)上來和大家分享一下，希望能夠?qū)Υ蠹覍慗S的時候幫助。

上一篇：在光標(biāo)處插入字符串的實現(xiàn)代碼兼容IE,Firefox

下一篇：IE及firefox下獲取及設(shè)置樣式值的代碼