平時再用js寫函數(shù)的時候，一般都是以慣例 function fn () {} 的方式來聲明一個函數(shù)，在閱讀一些優(yōu)秀插件的時候又不免見到 var fn = function () {} 這種函數(shù)的創(chuàng)建，究竟他們用起來有什么區(qū)別呢，今天就本著打破砂鍋問到底的精神，好好來說說這個讓人神魂顛倒的--函數(shù)聲明。

函數(shù)聲明

　　函數(shù)聲明示例代碼

　　這樣我們就聲明了一個名稱為fn的函數(shù)，這里出個思考，你認為在這個函數(shù)的上面來調用他的話會執(zhí)行嗎？還是會報錯？

　　控制臺輸出結果：

　　是的，此時fn函數(shù)是可以被調用到的，這里來總結下原因。

總結：

　　1：此時fn函數(shù)是變量的結果，默認存儲在全局上下文的變量中(可用 window.函數(shù)名 來驗證)

　　2：此方式為函數(shù)聲明，在進入全局上下文階段創(chuàng)建，代碼執(zhí)行階段，它們已經(jīng)可用。ps：javaScript在每次進入方法時都會先初始化上下文環(huán)境（由全局 → 局部）

　　3：它可以影響變量對象（僅影響存儲在上下文中的變量）

函數(shù)表達式

　　函數(shù)表達式示例代碼

　　這樣我們就聲明了一個匿名函數(shù)，并且把它的引用指向了變量fn？

　　再次在該表達式聲明的函數(shù)上下方各調用一次，來看控制臺的輸出結果。

　　控制臺打印結果：

　　可以看到代碼在執(zhí)行到第一次調用fn()函數(shù)的時候，提示：fn is not a function （fn 不是一個方法），遇到錯誤而終止運行。

　　這說明在第一次調用fn()的同時，var fn 變量沒有做為全局對象的一個屬性而存在，且 fn 引用的匿名函數(shù)上下文也沒有被初始化，所以在他之前調用失敗。

　　控制臺打印結果：

　　可以看出，在該表達式函數(shù)之后來調用是可以的，來總結下那是為什么呢？

總結：

　　1：首先變量本身不做為一個函數(shù)存在，而是一個匿名函數(shù)的引用（值類型的不屬于引用）

　　2：在代碼執(zhí)行階段，初始化全局上下文時，它沒有被做為全局的一個屬性而存在，所以不會造成變量對象的污染

　　3：該類型的聲明一般在插件的開發(fā)比較常見，也可做為閉包中回調函數(shù)的調用

　　所以 function fn () {} 并不等于 var fn = function () {} ，他們有本質上的區(qū)別。

以上就是本文的全部內(nèi)容了，思路很清晰，對比也很明確，是篇非常不錯的文章，小伙伴們一定要仔細研讀下