淺析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未定義

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