快捷導(dǎo)航

Javascript學(xué)習(xí)筆記2 函數(shù)

更新時(shí)間：2010年01月11日 00:14:18 作者：

在Javascript中，function才是Javascript的第一型。當(dāng)我們寫(xiě)下一段函數(shù)時(shí)，其實(shí)不過(guò)是建立了一個(gè)function類(lèi)型的實(shí)體。

就像我們可以寫(xiě)成這樣的形式一樣：

 
function Hello() { 
alert("Hello"); 
} 
Hello(); 
var Hello = function () { 
alert("Hello"); 
} 
Hello(); 

其實(shí)都是一樣的。
但是當(dāng)我們對(duì)其中的函數(shù)進(jìn)行修改時(shí)，會(huì)發(fā)現(xiàn)很奇怪的問(wèn)題。

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

 
<script type="text/javascript"> 
function Hello() { 
alert("Hello"); 
} 
Hello(); 
function Hello() { 
alert("Hello World"); 
} 
Hello(); 
</script> 

我們會(huì)看到這樣的結(jié)果：連續(xù)輸出了兩次Hello World。而非我們想象中的Hello和Hello World。
這是因?yàn)镴avascript并非完全的按順序解釋執(zhí)行，而是在解釋之前會(huì)對(duì)Javascript進(jìn)行一次“預(yù)編譯”，在預(yù)編譯的過(guò)程中，會(huì)把定義式的函數(shù)優(yōu)先執(zhí)行，也會(huì)把所有var變量創(chuàng)建，默認(rèn)值為undefined，以提高程序的執(zhí)行效率。也就是說(shuō)上面的一段代碼其實(shí)被JS引擎預(yù)編譯為這樣的形式：

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

 
<script type="text/javascript"> 
var Hello = function() { 
alert("Hello"); 
} 
Hello = function() { 
alert("Hello World"); 
} 
Hello(); 
Hello(); 
</script> 

我們可以通過(guò)上面的代碼很清晰地看到，其實(shí)函數(shù)也是數(shù)據(jù)，也是變量，我們也可以對(duì)“函數(shù)“進(jìn)行賦值（重賦值）。當(dāng)然，我們?yōu)榱朔乐惯@樣的情況，也可以這樣：

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

 
<script type="text/javascript"> 
function Hello() { 
alert("Hello"); 
} 
Hello(); 
</script> 
<script type="text/javascript"> 
function Hello() { 
alert("Hello World"); 
} 
Hello(); 
</script> 

這樣，程序被分成了兩段，JS引擎也就不會(huì)把他們放到一起了。