淺析javascript中函數宣告和函數表達式的區別_javascript技巧

javascript中宣告函數的方法有兩種:函數宣告式和函數表達式.

區別如下:

1).以函數宣告的方法定義的函數,函數名是必須的,而函數表達式的函數名是可選的.

2).以函數宣告的方法定義的函數,函數可以在函數宣告之前呼叫,而函數表達式的函數只能在宣告之後呼叫.

3).以函數聲明的方法定義的函數並不是真正的聲明,它們僅僅可以出現在全局中,或者嵌套在其他的函數中,但是它們不能出現在循環,條件或者try/catch/ finally中,而

    函數表達式可以在任何地方宣告.

以下分別用兩種方法定義函數:

複製程式碼 程式碼如下:

 //函數宣告式
 function greeting(){
       console.log("hello world"); 
 }
 //函數表達式
 var greeting = function(){
     console.log("hello world");
 }

下面一個有趣的javascript:

複製程式碼 程式碼如下:

 function f() { console.log('I am outside!'); }
 (function () {
   if(false) {
     // 重複宣告一次函數f
     function f() { console.log('I am inside!'); }
   }
   f();
 }());

會輸出什麼呢?第一個反應應該是"I am outside"吧.  結果在chrome中輸出"I am inside",IE11直接報錯,firefox低一點的版本輸出"I am outside"...

chrome輸出的結果很明確的反應了用函數宣告式宣告的函數的特性--函數在宣告之前就可以呼叫.

IE報錯顯示缺少物件,因為函數宣告在了條件裡,違反了函數宣告式的原則.

函數表達式的作用域:

如果函數表達式宣告的函數有函數名稱,那麼這個函數名稱就相當於這個函數的一個局部變數,只能在函數內部呼叫,舉個栗子:

複製程式碼 程式碼如下:

 var f = function fact(x) {
                 if (x                      return 1;
                 else
                     return x*fact(x-1);
                 };
                 alert(fact());   // Uncaught ReferenceError: fact is not defined

fact()在函數內部可以呼叫,在函數外部呼叫就會報錯:fact未定義

以上就是本文的全部內容了，希望大家能夠喜歡。