DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 淺析javascript中函數聲明和函數表達式的區別
淺析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 <= 1)
                     return 1;
                 else
                     return x*fact(x-1);
                 };
                 alert(fact());   // Uncaught ReferenceError: fact is not defined

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved