理解 JavaScript 預解析

來源:互聯網
上載者:User

事實上或某種現象證明並不是這樣的,通過《JavaScript權威指南》及網上相關資料瞭解到,JavaScript有“預解析”行為。理解這一特性是很重要的,不然在實際開發中你可能會遇到很多無從解析的問題,甚至導致程式bug的存在。為瞭解析這一現象,也作為自己的一次學習總結,本文逐步引導你來認識JavaScript“預解析”,如果我的見解有誤,還望指正。
(1)如果JavaScript僅是運行時自上往下逐句解析的,下面的代碼能正確運行是可以理解的,因為我們先定義函數,然後才調用它。 複製代碼 代碼如下:function showMsg()
{
alert('This is message');
}
showMsg(); // This is message

(2)我們也知道函數可以定義在調用代碼之後,如下代碼也是能正常工作的。看起來調用showMsg()的時候showMsg()還是沒有定義的,但能正常工作,則表明JavaScript是“預解析”的。 複製代碼 代碼如下:showMsg(); // This is message
function showMsg()
{
alert('This is message');
}

(3)上面是函數的例子,下面再來一個普通變數的例子。以下例子運行將會彈出undefined,表明第一句的msg已經是定義了,只是沒有初始化,它與var msg; alert(msg);是一樣的。如果你把下面第二句注釋掉,則會報“msg未定義”錯誤。這亦表明JavaScript是“預解析”的。 複製代碼 代碼如下:alert(msg); //undefined
var msg='This is message';

(4)再來看一個例子,加深對JavaScript“預解析”印象。以下代碼你將看到兩次彈出的對話方塊都是顯示This is message 2,為什麼會這樣呢?其實下面一前一後定義了兩個同名函數,後面的showMsg()覆蓋了前面定義的(在JavaScript中,同名變數一樣會存在覆蓋問題),等於第一個showMsg()報廢了。為什麼第二次調用的showMsg()不是調用它上面定義的那個message 1函數呢?這再次證明JavaScript有“預解析”行為。 複製代碼 代碼如下:showMsg(); // This is message 2
function showMsg()
{
alert('This is message 1');
}
showMsg(); // This is message 2
function showMsg()
{
alert('This is message 2');
}

(5)JavaScript“預解析”是把變數或函數預解析到它們能調用的環境(變數運行時環境)中。如下代碼看起來alert(msg)之前有看到msg的定義,但是程式運行還是報“msg未定義”錯誤,這是因為函數裡定義的變數是函數的私人變數,外面不能直接調用,這表明JavaScript“預解析”並不是把所有定義的變數統一解析到一個全域對象中,比如window。 複製代碼 代碼如下:function showMsg()
{
var msg='This is message';
}
alert(msg); // msg未定義

(6)JavaScript“預解析”是分段進行的,準確說是分<script>塊進行的。以下代碼出現在同一個頁面的兩個指令碼塊中,同時定義了三個同名函數。程式運行結果表明第二個指令碼塊的showMsg()沒有覆蓋前面兩個showMsg(),而第一個指令碼塊的第二個showMsg()則覆蓋了第一個showMsg()。 複製代碼 代碼如下:<body>
<script type="text/javascript">
showMsg(); //This is message 2
function showMsg()
{
alert('This is message 1');
}
function showMsg()
{
alert('This is message 2');
}
</script>
<script type="text/javascript">
function showMsg()
{
alert('This is message 3');
}
</script>
</body>

作者:WebFlash
出處:http://webflash.cnblogs.com

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.