|
|
（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
JavaScript技術：理解 JavaScript 預解析，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
