瀏覽器對javascript“定義式”函數、“賦值式”函數解析順序

 

JavaScript是一種描述型指令碼語言，由瀏覽器進行動態解析與執行。函數的定義方式大體有以下兩種，瀏覽器對於不同的方式有不同的解析順序。

 

//“定義式”函數定義

function Fn1(){

    alert("Hello World!");

}

//“賦值式”函數定義

var Fn2 = function(){

    alert("Hello world!");

}

頁面載入過程中，瀏覽器會對頁面上或載入的每個js代碼塊(或檔案)進行掃描，如果遇到定義式函數，則進行預先處理(類似於C等的編譯)，處理完成之後再開始由上至下執行；遇到賦值式函數，則只是將函數賦給一個變數，不進行預先處理，待調用到的時候才進行處理。

 

//“定義式”函數定義

Fn1();

function Fn1(){

    alert("Hello World!");

}

正常執行，彈出“Hello World!”，瀏覽器對Fn1進行了預先處理，再從Fn1();開始執行。

//“賦值式”函數定義

Fn2();

var Fn2 = function(){

    alert("Hello world!");

}

Firebug報錯：Fn2 is not a function，瀏覽器未對Fn2進行預先處理，依序執行，所以報錯Fn2未定義。