JavaScript 預(yù)解析的原理及實(shí)現(xiàn)
事實(shí)上或某種現(xiàn)象證明并不是這樣的,通過《JavaScript權(quán)威指南》及網(wǎng)上相關(guān)資料了解到,JavaScript有“預(yù)解析”行為。理解這一特性是很重要的,不然在實(shí)際開發(fā)中你可能會遇到很多無從解析的問題,甚至導(dǎo)致程序bug的存在。為了解析這一現(xiàn)象,也作為自己的一次學(xué)習(xí)總結(jié),本文逐步引導(dǎo)你來認(rèn)識JavaScript“預(yù)解析”,如果我的見解有誤,還望指正。
(1) 如果JavaScript僅是運(yùn)行時(shí)自上往下逐句解析的,下面的代碼能正確運(yùn)行是可以理解的,因?yàn)槲覀兿榷x函數(shù),然后才調(diào)用它。
- function showMsg { alert('This is message'); } showMsg; // This is message
(2) 我們也知道函數(shù)可以定義在調(diào)用代碼之后,如下代碼也是能正常工作的??雌饋碚{(diào)用showMsg的時(shí)候showMsg還是沒有定義的,但能正常工作,則表明JavaScript是“預(yù)解析”的。
- showMsg; // This is message function showMsg { alert('This is message'); }
(3) 上面是函數(shù)的例子,下面再來一個(gè)普通變量的例子。以下例子運(yùn)行將會彈出undefined,表明***句的msg已經(jīng)是定義了,只是沒有初始化,它與var msg; alert(msg);是一樣的。如果你把下面第二句注釋掉,則會報(bào)“msg未定義”錯(cuò)誤。這亦表明JavaScript是“預(yù)解析”的。
- alert(msg); //undefined var msg='This is message';
(4) 再來看一個(gè)例子,加深對JavaScript“預(yù)解析”印象。以下代碼你將看到兩次彈出的對話框都是顯示This is message 2,為什么會這樣呢?其實(shí)下面一前一后定義了兩個(gè)同名函數(shù),后面的showMsg覆蓋了前面定義的(在JavaScript中,同名變量一樣會存在覆蓋問題),等于***個(gè)showMsg報(bào)廢了。為什么第二次調(diào)用的showMsg不是調(diào)用它上面定義的那個(gè)message 1函數(shù)呢?這再次證明JavaScript有“預(yù)解析”行為。
- 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è)全局對象中,比如window。
- function showMsg { var msg='This is message'; } alert(msg); // msg未定義
(6) JavaScript“預(yù)解析”是分段進(jìn)行的,準(zhǔn)確說是分
以上就是JavaScript 預(yù)解析的原理及實(shí)現(xiàn),希望對你有幫助。