快捷導(dǎo)航

理解 JavaScript 預(yù)解析

更新時(shí)間：2009年10月25日 11:41:00 作者：

JavaScript是解釋型語言是毋庸置疑的，但它是不是僅在運(yùn)行時(shí)自上往下一句一句地解析的呢？

事實(shí)上或某種現(xiàn)象證明并不是這樣的，通過《JavaScript權(quán)威指南》及網(wǎng)上相關(guān)資料了解到，JavaScript有“預(yù)解析”行為。理解這一特性是很重要的，不然在實(shí)際開發(fā)中你可能會(huì)遇到很多無從解析的問題，甚至導(dǎo)致程序bug的存在。為了解析這一現(xiàn)象，也作為自己的一次學(xué)習(xí)總結(jié)，本文逐步引導(dǎo)你來認(rèn)識(shí)JavaScript“預(yù)解析”，如果我的見解有誤，還望指正。
（1）如果JavaScript僅是運(yùn)行時(shí)自上往下逐句解析的，下面的代碼能正確運(yùn)行是可以理解的，因?yàn)槲覀兿榷x函數(shù)，然后才調(diào)用它。

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

 
function showMsg() 
{ 
alert('This is message'); 
} 
showMsg(); // This is message 

（2）我們也知道函數(shù)可以定義在調(diào)用代碼之后，如下代碼也是能正常工作的?？雌饋碚{(diào)用showMsg()的時(shí)候showMsg()還是沒有定義的，但能正常工作，則表明JavaScript是“預(yù)解析”的。

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

 
showMsg(); // This is message 
function showMsg() 
{ 
alert('This is message'); 
} 

（3）上面是函數(shù)的例子，下面再來一個(gè)普通變量的例子。以下例子運(yùn)行將會(huì)彈出undefined，表明第一句的msg已經(jīng)是定義了，只是沒有初始化，它與var msg; alert(msg);是一樣的。如果你把下面第二句注釋掉，則會(huì)報(bào)“msg未定義”錯(cuò)誤。這亦表明JavaScript是“預(yù)解析”的。

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

 
alert(msg); //undefined 
var msg='This is message'; 

（4）再來看一個(gè)例子，加深對(duì)JavaScript“預(yù)解析”印象。以下代碼你將看到兩次彈出的對(duì)話框都是顯示This is message 2，為什么會(huì)這樣呢？其實(shí)下面一前一后定義了兩個(gè)同名函數(shù)，后面的showMsg()覆蓋了前面定義的（在JavaScript中，同名變量一樣會(huì)存在覆蓋問題），等于第一個(gè)showMsg()報(bào)廢了。為什么第二次調(diào)用的showMsg()不是調(diào)用它上面定義的那個(gè)message 1函數(shù)呢？這再次證明JavaScript有“預(yù)解析”行為。

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

 
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“預(yù)解析”是把變量或函數(shù)預(yù)解析到它們能調(diào)用的環(huán)境（變量運(yùn)行時(shí)環(huán)境）中。如下代碼看起來alert(msg)之前有看到msg的定義，但是程序運(yùn)行還是報(bào)“msg未定義”錯(cuò)誤，這是因?yàn)楹瘮?shù)里定義的變量是函數(shù)的私有變量，外面不能直接調(diào)用，這表明JavaScript“預(yù)解析”并不是把所有定義的變量統(tǒng)一解析到一個(gè)全局對(duì)象中，比如window。

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

 
function showMsg() 
{ 
var msg='This is message'; 
} 
alert(msg); // msg未定義 

（6）JavaScript“預(yù)解析”是分段進(jìn)行的，準(zhǔn)確說是分<script>塊進(jìn)行的。以下代碼出現(xiàn)在同一個(gè)頁面的兩個(gè)腳本塊中，同時(shí)定義了三個(gè)同名函數(shù)。程序運(yùn)行結(jié)果表明第二個(gè)腳本塊的showMsg()沒有覆蓋前面兩個(gè)showMsg()，而第一個(gè)腳本塊的第二個(gè)showMsg()則覆蓋了第一個(gè)showMsg()。

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

 
<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> 