|
系列文章導(dǎo)航:
JavaScript學(xué)習(xí)筆記一——數(shù)據(jù)類型
JavaScript學(xué)習(xí)筆記二——函數(shù)
JavaScript學(xué)習(xí)筆記三——作用域
JavaScript學(xué)習(xí)筆記四——Eval函數(shù)
JavaScript學(xué)習(xí)筆記五——類和對象
JavaScript學(xué)習(xí)筆記六:prototype的提出
Javascript學(xué)習(xí)筆記七——原型鏈的原理
Javascript學(xué)習(xí)筆記八——用JSON做原型
Javascript學(xué)習(xí)筆記九——prototype封裝繼承
Javascript學(xué)習(xí)筆記十——網(wǎng)頁運(yùn)行原理
Javascript學(xué)習(xí)筆記十一——包裝DOM對象
Javascript學(xué)習(xí)筆記十三——關(guān)于響應(yīng)事件
Javascript學(xué)習(xí)筆記十二——Ajax入門
在Javascript中,function才是Javascript的第一型。當(dāng)我們寫下一段函數(shù)時,其實(shí)不過是建立了一個function類型的實(shí)體。
就像我們可以寫成這樣的形式一樣:
function Hello() { alert("Hello"); } Hello(); var Hello = function () { alert("Hello"); } Hello();
其實(shí)都是一樣的。
但是當(dāng)我們對其中的函數(shù)進(jìn)行修改時,會發(fā)現(xiàn)很奇怪的問題。
<script type="text/Javascript"> function Hello() { alert("Hello"); } Hello(); function Hello() { alert("Hello World"); } Hello(); script>
我們會看到這樣的結(jié)果:連續(xù)輸出了兩次Hello World。而非我們想象中的Hello和Hello World。
這是因?yàn)?a href=/itjie/Javajishu/ target=_blank class=infotextkey>Javascript并非完全的按順序解釋執(zhí)行,而是在解釋之前會對Javascript進(jìn)行一次“預(yù)編譯”,在預(yù)編譯的過程中,會把定義式的函數(shù)優(yōu)先執(zhí)行,也會把所有var變量創(chuàng)建,默認(rèn)值為undefined,以提高程序的執(zhí)行效率。也就是說上面的一段代碼其實(shí)被JS引擎預(yù)編譯為這樣的形式:
<script type="text/Javascript"> var Hello = function() { alert("Hello"); } Hello = function() { alert("Hello World"); } Hello(); Hello(); script>
我們可以通過上面的代碼很清晰地看到,其實(shí)函數(shù)也是數(shù)據(jù),也是變量,我們也可以對“函數(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引擎也就不會把他們放到一起了。
it知識庫:JavaScript學(xué)習(xí)筆記二——函數(shù),轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。