DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript 變量作用域 兩個可能會被忽略的小特性
Javascript 變量作用域 兩個可能會被忽略的小特性
編輯:關於JavaScript     
也許有些高手早已知道了,但是我覺得這兩個東西還是有一些價值的,所以拿到這裡和大家分享一下吧
. 有如下代碼:
復制代碼 代碼如下:
<script type="text/javascript" >
function test() {
with (location) {
var temp = "an url";
}
alert(temp);
}
test();
</script>

    調用這個函數會輸出什麼呢? 也許會認為它會彈出undefined, 但實際上,它彈出的是"an url"這個字符串,這就涉及到JavaScript中變量作用域的一個概念。
JS中,每個作用域都有一個相應的"變量對象"(這麼叫不一定准確,知道有這麼個東西就行了),這裡面存放著當前作用域定義的標識符。JS程序開始的時候,會進入全局作用域, 在我們的程序中,因為全局作用域中定義了test函數,所以它這裡的“變量對象”就存放了test函數的標識符。接下來,我們調用了test函數,就進入了,test函數的作用域,test函數本身的作用域也有自己的"變量對象",進入test的作用域的時候,也會把全局作用域裡存放的標識符復制進來,所以,在test函數中就可以訪問全局作用域中定義的標識符了,但是在外層作用域,是不能看到內層的內容的。如果這樣的話,那我們這裡的alert(temp)就會輸出undefined,因為temp是在內層作用域定義的。但是為什麼在這裡卻能夠找到在內層作用域裡定義的標識符呢?
    因為with語句塊中作用域的"變量對象" 是只讀的,所以在他本層定義的標識符,不能存儲到本層,而是存儲到它的上一層作用域,也就是test函數的作用域,所以,我們的alert(temp)這條語句,就可以訪問到那個在內層定義的temp變量了。同樣的情形還出現在try catch 語句裡面。
.Javascript中沒有語句塊的概念,代碼如下:
復制代碼 代碼如下:
if (true) {
var temp = "oh";
}
alert(temp);

    很簡單的幾行代碼,如果是按照通常的程序語言經驗,我們會認為alert語句會報錯,然而事實並不是這樣,alert語句正常的輸出了“oh” 這個字符串,所以在
Javascript中不存在語句塊的概念。
    上面兩個示例都很簡單,也許並不是多高的技術,很多高手應該早已了解,但是這兩個語言特性應該還是比較有用的,也許了解這些特性後,在寫JS的時候會減少一些出錯的機會,所以還是發上來和大家分享一下,希望能夠對大家寫JS的時候幫助。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved