這篇文章主要介紹了淺析javascript中函數(shù)聲明和函數(shù)表達式的區(qū)別,需要的朋友可以參考下

javascript中聲明函數(shù)的方法有兩種:函數(shù)聲明式和函數(shù)表達式.

區(qū)別如下:

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

2).以函數(shù)聲明的方法定義的函數(shù),函數(shù)可以在函數(shù)聲明之前調(diào)用,而函數(shù)表達式的函數(shù)只能在聲明之后調(diào)用.

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

函數(shù)表達式可以在任何地方聲明.

下面分別用兩種方法定義函數(shù):

代碼如下:

//函數(shù)聲明式

function greeting(){

console.log("hello world");

}

//函數(shù)表達式

var greeting = function(){

console.log("hello world");

}

下面一個有趣的javascript:

代碼如下:

function f() { console.log('I am outside!'); }

(function () {

if(false) {

// 重復(fù)聲明一次函數(shù)f

function f() { console.log('I am inside!'); }

}

f();

}());

會輸出什么呢?第一反應(yīng)應(yīng)該是"I am outside"吧. 結(jié)果在chrome中輸出"I am inside",IE11直接報錯,firefox低一點的版本輸出"I am outside"...

chrome輸出的結(jié)果很明確的反應(yīng)了用函數(shù)聲明式聲明的函數(shù)的特點--函數(shù)在聲明之前就可以調(diào)用.

IE報錯顯示缺少對象,因為函數(shù)聲明在了條件里,違背了函數(shù)聲明式的原則.

函數(shù)表達式的作用域:

如果函數(shù)表達式聲明的函數(shù)有函數(shù)名,那么這個函數(shù)名就相當于這個函數(shù)的一個局部變量,只能在函數(shù)內(nèi)部調(diào)用,舉個栗子:

代碼如下:

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()在函數(shù)內(nèi)部可以調(diào)用,在函數(shù)外部調(diào)用就會報錯:fact未定義

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

更多信息請查看IT技術(shù)專欄