Javascript函式宣告與函數運算式的區別

在定義函數時，我們一般使用下面這兩種方法：

Js中的函式宣告是指下面的形式：

     
function functionName(){ 
 
} 
 

這樣的方式來聲明一個函數，而函數運算式則是類似運算式那樣來聲明一個函數，如：

var functionName = function(){ 
} 
 

可能很多朋友在看到這兩一種寫法時會產生疑惑，這兩種寫法差不多，在應用中貌似也都是可行的，那他們有什麼差別呢？

使用函式宣告定義：

function  sum (a, b) {
    return a + b;
}

使用函數運算式定義：

var sum = function (a, b) {
    return a + b;
}

調用方法都是一樣的：

如求“1+1”等於幾：

alert(sum(1, 1));

但這兩種方法還是有區別的。解析器在向執行環境中載入資料時，對函式宣告和函數運算式並非一視同仁。解析器會率先讀取函式宣告，並使其在執行任何代碼之前可用；而函數運算式，則必須等到解析器執行到它所在的程式碼，才會真正被解釋執行。

事實上，js的解析器對函式宣告與函數運算式並不是一視同仁地對待的。對於函式宣告，js解析器會優先讀取，確保在所有代碼執行之前聲明已經被解析，而函數運算式，如同定義其它基本類型的變數一樣，只在執行到某一句時也會對其進行解析，所以在實際中，它們還是會有差異的，具體表現在，當使用函式宣告的形式來定義函數時，可將調用語句寫在函式宣告之前，而後者，這樣做的話會報錯。

樣本：

alert(sum(1, 1));
function  sum (a, b) {
    return a + b;
}

以上代碼可以正常執行。因為在代碼執行之前，解析器就已經通過一個名為函式宣告提升的過程，讀取並將函式宣告添加到執行環境中。在對代碼求值時，Javascript引擎在第一遍會聲明函數並將它們放到原始碼樹的頂部。所以，即使聲明函數的代碼放到了調用它的代碼的後面，Javascript引擎也能把函式宣告提升到頂部。如果像下面例子所示，把上面的函式宣告改為函數運算式，就會在執行期間導致錯誤。

alert(sum(1, 1));
var sum = function (a, b) {
    return a + b;
}

以上代碼之所以會在執行期間產生錯誤，原因在於函數位於一個初始化語句中，而不是一個函式宣告。換句話說，在執行到函數所在的語句之前，變數sum不會儲存有對函數的引用，並且第一行代碼已經產生錯誤，也就不會執行到下一行。

總體來說，除了什麼時候可以通過變數訪問函數這一點區別之外，函式宣告與函數運算式的文法其實是等價的