如何在JavaScript中區分函數聲明與變量聲明

這期內容當中小編將會給大家帶來有關如何在JavaScript中區分函數聲明與變量聲明，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

首先是

var getName = function(){alert(1)};
function getName(){alert(2)};
getName();// 1

or

function getName(){alert(2)};
var getName = function(){alert(1)};
 
getName();// 1

為什么我調換聲明順序，結果還是輸出以 var 形式聲明的函數的值？

有人回答我說 "啊，變量提升呀..."，我最開始的理解，就算變量提升，第一種情況提升之后，應該是這樣啊：

var getName;
getName = function(){alert(1)};
function getName(){alert(2)};

最后應該輸出 2 才對啊(很理直氣壯)。

殊不知不只有var聲明才會提前，以function fn(){}這種形式聲明的函數，會被提升到作用域的最最頂部，然后再是變量的提升。
具體請看下面例子：

fn();//Uncaught TypeError: fn is not a function
var fn = function(){console.log(1)};

but

fn();//2
var fn = function(){console.log(1)};
function fn(){console.log(2)}

上述就是小編為大家分享的如何在JavaScript中區分函數聲明與變量聲明了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。