如何學(xué)好JavaScript(二)—— 函數(shù)

字號(hào):


    在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)題。
    <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ù)編譯為這樣的形式:
    <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ì)把他們放到一起了。