JavaScript學習筆記二——函數

作者: 飛林沙  來源: 博客園  發布時間: 2010-01-18 10:14  閱讀: 3478 次  推薦: 5   原文鏈接   [收藏]  

系列文章導航:

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();

  其實都是一樣的。

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

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

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

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

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

  我們可以通過上面的代碼很清晰地看到,其實函數也是數據,也是變量,我們也可以對“函數“進行賦值(重賦值)。當然,我們為了防止這樣的情況,也可以這樣:

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

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

5
0
 
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()