Javascript學習筆記2——函數

在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引擎也就不會把他們放到一起了。