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


  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 引用的匿名函數上下文也沒有被初始化,所以在他之前調用失敗。

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

  

  結果就會不一樣了。

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM