Javascript的 函式宣告 和函數運算式

今天再看一篇BLOG的時候，發現那篇文章一直在說函式宣告和函數運算式，

弄得我有點暈了，後來整理了一下。其實這兩個概念以前早就用過，只不過是沒有注意到它們的名字而已！

1.

函式宣告:

function a(){alert("hello world")}//這就是一個函式宣告

函數運算式：

var a=function(){alert("hello world")}//這就是一個函數運算式

那麼它們兩個有什麼區別呢？

函數的聲明的解析是在預執行階段，也就是瀏覽器準備執行代碼的時候，而函數運算式，如同定義其它基本類型的變數一樣，只在執行到某一句時也會對其進行解析。

2.下面是一些看起來很怪異的函數

~function a(){    alert(1111);  }(); 

+function a(){     alert(1111);  }(); 

但是當你把~ +去掉後他們又會報一個SyntaxError的錯誤。這是因為從文法解析的角度看，Javascript不允許在函式宣告的後面直接使用小括弧，而函數運算式則沒有這個限制，通過在函式宣告前面加上一個"~“,"+","-","!"操作符，就可以讓文法解析器把後面看成是函數運算式,但是不同的操作符效能就不太一樣了，如果你想瞭解的話，可以參考以下博文:http://www.swordair.com/blog/2011/10/714/。其實上面的函數可以這樣寫。

var a=function(){ alert(1111);}();

但是這樣又會出現一個問題，因為你定義了一個變數，它會汙染當前的運行環境，從而帶來潛在的危險。

但是如果你不喜歡在前面加上"~“,"+","-","!"操作符，可以按下面這樣寫，其實這也是很多js庫常用的方式。

(function a(){      alert(1111);    })(); 

相信看過prototype、jquery等庫的朋友肯定見到過這種寫法。