|
系列文章導(dǎo)航:
JavaScript學(xué)習(xí)筆記一——數(shù)據(jù)類型
JavaScript學(xué)習(xí)筆記二——函數(shù)
JavaScript學(xué)習(xí)筆記三——作用域
JavaScript學(xué)習(xí)筆記四——Eval函數(shù)
JavaScript學(xué)習(xí)筆記五——類和對(duì)象
JavaScript學(xué)習(xí)筆記六:prototype的提出
Javascript學(xué)習(xí)筆記七——原型鏈的原理
Javascript學(xué)習(xí)筆記八——用JSON做原型
Javascript學(xué)習(xí)筆記九——prototype封裝繼承
Javascript學(xué)習(xí)筆記十——網(wǎng)頁(yè)運(yùn)行原理
Javascript學(xué)習(xí)筆記十一——包裝DOM對(duì)象
Javascript學(xué)習(xí)筆記十三——關(guān)于響應(yīng)事件
Javascript學(xué)習(xí)筆記十二——Ajax入門
在Javascript中,function才是Javascript的第一型。當(dāng)我們寫下一段函數(shù)時(shí),其實(shí)不過(guò)是建立了一個(gè)function類型的實(shí)體。
就像我們可以寫成這樣的形式一樣:
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)題。
<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)?a href=/itjie/Javajishu/ target=_blank class=infotextkey>Javascript并非完全的按順序解釋執(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ù)編譯為這樣的形式:
<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)榱朔乐惯@樣的情況,也可以這樣:
<script type="text/Javascript"> function Hello() { alert("Hello"); } Hello(); script> <script type="text/Javascript"> function Hello() { alert("Hello World"); } Hello(); script>
這樣,程序被分成了兩段,JS引擎也就不會(huì)把他們放到一起了。
it知識(shí)庫(kù):JavaScript學(xué)習(xí)筆記二——函數(shù),轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。