愛奇藝前端面試題有個題目如下：

a();
function a(){
    console.log('a');
}

b();
var b = function(){
    console.log('b');
}
那麼函式的執行結果是？

熟悉函式變數提升的同學很容易就想到答案是：a undefined。

不熟悉的童鞋們可以接著往下看～

JS關於函式的宣告，有一個很重要的特徵就是函式的變數提升。意思是在執行程式碼之前會先讀取函式的宣告。這就意味著可以把函式宣告放在呼叫它的語句後面。

sayHi();
function sayHi(){
    alert('hi');
}

這個例子不會丟擲錯誤，因為在程式碼執行前會被先去函式宣告。
第二種建立函式的方式是使用函式表示式。函式表示式有幾種不同的語法形式。下面是最常見的一種形式。

var functionName = function(arg0,arg1){
    //函式體
}；

這種形式看起來好像是常規的變數賦值語句，即建立一個函式並將它賦值給變數functionName。這種情況下建立的函式叫做匿名函式，因為function關鍵字後面沒有識別符號。匿名函式的name屬性是空字串。（匿名函式有時候也叫拉姆達函式）

函式表示式和其他表示式一樣，在使用前必須先賦值。以下程式碼會導致錯誤：

sayHi();
var sayHi = function(){
    alert('hi');
}

這也就是上面那道題輸出結果的原因。

另外，執行以下程式碼的結果可能會讓人意想不到。

//不要這樣做！
if(condition){
    function sayHi(){}
}
else{
    function sayHi(){}
}

表面上看，以上程式碼在condition為true時，使用一個sayHi定義，否則使用另一個。實際上，這在ECMScript中屬於無效的語法，JavaScript引擎會嘗試修正錯誤，將其轉化為合理的狀態。但問題是瀏覽器嘗試修正錯誤的做法並不一致。大多數瀏覽器會返回第二個宣告，忽略condition；FIrefox會在condition為true時返回第一個宣告。因此這種使用方式很危險，不應該出現在我們的程式碼中。
這種形式，JS引擎在預編譯的過程中會註冊方法到window物件下，就是window.sayHi。而不會顧及if else條件，導致重複的sayHi方法被註冊，在這種情況下是無效語法。
不過，如果是使用函式表示式，那就沒什麼問題了。

//可以這樣做
var sayHi;
if(condition){
    sayHi = function(){
        ....
    }
}
else{
    sayHi = function(){
        ....
    }
}

這個例子不會有什麼意外，不同的函式會根據condition被賦值給sayHi。