1. 程式人生 > >javascript中函數聲明與函數表達式的區別

javascript中函數聲明與函數表達式的區別

img log 程序 ava 全局對象 匿名函數 全局 分組 pan

  javascript中聲明函數的方法有兩種:函數聲明式和函數表達式.究竟他們用起來有什麽區別呢?

  區別如下:

  (1)、以函數聲明的方法定義的函數,函數名是必須的,而函數表達式的函數名是可選的。

  (2)、以函數聲明的方法定義的函數,函數可以在函數聲明之前調用,而函數表達式的函數只能在聲明之後調用。

  (3)、以函數聲明的方法定義的函數並不是真正的聲明,他們僅僅可以出現在全局中或者嵌套在其它函數中。

  下面來看具體的例子吧。下面這兩種方式有什麽區別嗎?

  function boo(){};

  var bar = function(){};

  可能有些人知道,也有些人不知道,對於我而言,我是懵的,所以覺得有必要做下筆記。

  在ECMAScript中,有兩個最常用的創建函數對象的方法,即使用函數表達式或者使用函數聲明。對此,ECMAScript規範明確了一點,即是,即函數聲明 必須始終帶有一個標識符(Identifier),也就是我們所說的函數名,而函數表達式則可以省略。說到這裏,答案就不言而喻了(前一個是函數聲明,後一個是函數表達式)。

  也許有人會問那如果第二種方式也有函數名呢,比如這樣,var bar = function boo(){};其實它還是函數表達式,因為它是賦值表達的一部分。

  函數聲明:
    function 函數名稱 (參數:可選){ 函數體 }
  函數表達式:
    function 函數名稱(可選)(參數:可選){ 函數體 }

  所以,可以看出,如果不聲明函數名稱,它肯定是表達式,可如果聲明了函數名稱的話,如何判斷是函數聲明還是函數表達式呢?ECMAScript是通過上下文來區分的,如果function boo(){}是作為賦值表達式的一部分的話,那它就是一個函數表達式,如果function boo(){}被包含在一個函數體內,或者位於程序的最頂部的話,那它就是一個函數聲明。

  還有一種函數表達式,就是被括號括住的(function boo(){}),他是表達式的原因是因為括號 ()是一個分組操作符,它的內部只能包含表達式。

  下面來看一個有趣的例子:

  技術分享

  結果如何呢?剛看到這個的時候,我也做錯了。好了,運行結果是這樣的。

  技術分享

  為什麽會這樣呢,因為在第一次調用fn()的同時,var fn 變量沒有作為全局對象的一個屬性而存在,且 fn 引用的匿名函數上下文也沒有被初始化,所以在他之前調用失敗。

  現在把這段代碼稍微調整一下:

  技術分享

  結果就會不一樣了。

  技術分享

javascript中函數聲明與函數表達式的區別