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

2019-11-20 21:55:13

字體：大中小

來源：轉載

供稿：網友

還是一樣，先上代碼：

 
<script> 
var f = function g() { 
return 1; 
}; 
if (false) { 
f = function g(){ 
return 2; 
}; 
} 
alert(g()); // 2 
</script> 

把這段代碼扔到IE 6 里面和chorme里面是完全不同的兩種效果。

這里輸出2 是在ie6里面的效果，如果在chorme會出現g沒有定義。

這也算是JScript的bug吧。

在這里很明顯，這里的只是定義了g的函數表達式而已。包括在if的條件語句中，也只是定義了函數表達式，沒有去聲明函數。

那么這樣直接訪問肯定是會出錯的。

那么對于何為聲明，何為函數表達式呢？

在ECMAScript中，創建函數的最常用的兩個方法是函數表達式和函數聲明，兩者期間的區別是有點暈，因為ECMA規范只明確了一點：函數聲明必須帶有標示符（Identifier）（就是大家常說的函數名稱），而函數表達式則可以省略這個標示符：
函數聲明:
　　function 函數名稱 (參數：可選){ 函數體 }
　　函數表達式：
　　function 函數名稱（可選）(參數：可選){ 函數體 }

所以，可以看出，如果不聲明函數名稱，它肯定是表達式，可如果聲明了函數名稱的話，如何判斷是函數聲明還是函數表達式呢？ECMAScript是通過上下文來區分的，如果function foo(){}是作為賦值表達式的一部分的話，那它就是一個函數表達式，如果function foo(){}被包含在一個函數體內，或者位于程序的最頂部的話，那它就是一個函數聲明。

還有一種函數表達式不太常見，就是被括號括住的(function foo(){})，他是表達式的原因是因為括號 ()是一個分組操作符，它的內部只能包含表達式。

你可能會想到，在使用eval對JSON進行執行的時候，JSON字符串通常被包含在一個圓括號里：eval('(' + json + ')')，這樣做的原因就是因為分組操作符，也就是這對括號，會讓解析器強制將JSON的花括號解析成表達式而不是代碼塊。

上一篇：jQuery.fn和jQuery.prototype區別介紹

下一篇：javascript自啟動函數的問題探討