系列文章導航：

JavaScript學習筆記一——數據類型

JavaScript學習筆記二——函數

JavaScript學習筆記三——作用域

JavaScript學習筆記四——Eval函數

JavaScript學習筆記五——類和對象

JavaScript學習筆記六：prototype的提出

Javascript學習筆記七——原型鏈的原理

Javascript學習筆記八——用JSON做原型

Javascript學習筆記九——prototype封裝繼承

Javascript學習筆記十——網頁運行原理

Javascript學習筆記十一——包裝DOM對象

Javascript學習筆記十三——關于響應事件

Javascript學習筆記十二——Ajax入門

　　在Javascript中，function才是Javascript的第一型。當我們寫下一段函數時，其實不過是建立了一個function類型的實體。

　　就像我們可以寫成這樣的形式一樣：

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

　　其實都是一樣的。

　　但是當我們對其中的函數進行修改時，會發(fā)現很奇怪的問題。

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

　　我們會看到這樣的結果：連續(xù)輸出了兩次Hello World。而非我們想象中的Hello和Hello World。

　　這是因為Javascript并非完全的按順序解釋執(zhí)行，而是在解釋之前會對Javascript進行一次“預編譯”，在預編譯的過程中，會把定義式的函數優(yōu)先執(zhí)行，也會把所有var變量創(chuàng)建，默認值為undefined，以提高程序的執(zhí)行效率。也就是說上面的一段代碼其實被JS引擎預編譯為這樣的形式：

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

　　我們可以通過上面的代碼很清晰地看到，其實函數也是數據，也是變量，我們也可以對“函數“進行賦值（重賦值）。當然，我們?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學習筆記二——函數，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。