Javascript 匿名函數及其代碼模式原理

關於什麼是匿名函數，及它帶來的優勢在本文就不深究了，先拋出一個常用的匿名函數：
(function(){alert('yo')})()
很多同學知道怎麼用這種匿名函數，卻或許並不明白為什麼這樣寫就能夠調用匿名函數。也許知道後面的圓括弧是執行前面的函數，而並不清楚前面的圓括弧具有何種含義！本文將帶你瞭解匿名函數的代碼模式原理。
OK,先來看看更多匿名函數調用模式： 複製代碼 代碼如下:(function(){alert(1);}())
(function(){alert(2);})()
void function(){alert(3);}()

以上3個都是正確的，且在功能上都是等同的。
再來看下錯誤的書寫方式：
4.
function(){alert('yo')}()
上面這段代碼會拋出語法錯誤，這究竟是為什麼呢？帶著這個問題我們來看看秦歌給出的解答：
1.函數字面量：首先聲明一個函數對象，然後執行它。
2.優先運算式：由於Javascript執行運算式是從圓括弧裡面到外面，所以可以用圓括弧強制執行聲明的函數。
3.void操作符：用void操作符去執行一個沒有用圓括弧包圍的一個單獨運算元。
好吧，先不管解答是否正確，我們把這些放到一邊，再來看看函式宣告的文法和函數運算式的文法說明：
一、函式宣告： 複製代碼 代碼如下:function name([param[, param[, ... param]]]) {
statements
}

這裡的函數名稱name是不可以省略的。如果省略了函數名稱就會報錯。
這也合理解釋了為什麼直接寫
function(){alert('yo')}
會出錯？因為編譯器當他是函式宣告而代碼中沒有出現函數名稱，結果可想而知。
二、函數運算式： 複製代碼 代碼如下:function [name]([param] [, param] [..., param]) {
statements
}

函數名稱name可以被省略，省略name就是所謂的匿名函數。說明一點：如果需要建立匿名函數，則必須給出一個函數運算式而非函數的顯式聲明
現在我們可以做出更準確的解釋：
1\2\3匿名函數代碼模式只不過是通過括弧或者void告訴編譯器，把function(){}當作函數運算式來解釋罷了。這其中並沒有那麼複雜的優先順序和void操作符原理。這隻不過是一個簡單的文法轉換。
可以想象，只要符合函數運算式的文法，我們就可以建立出N種匿名函數代碼模式，比如 複製代碼 代碼如下:!!function(){
alert('yo');
}()
+function(){
alert('yo');
}()

等等等等……
這其中並沒有更深層的奧秘，只是函式宣告與運算式的區別，如果你還不理解，也許就是你想多了想複雜了。
我們現在學習Javascript還沒有特專業的培訓安排與課程，編碼能力的提升都是要靠自己平時的練習與積累。然而越是這樣越容易忽略最基礎的知識，最後把簡單的問題複雜化，不可取。更有些同學是抱著能夠使用的態度學習Javascript，而並不去深究，知其然而不知其所以然，其實到最後能力並沒有多大的提升……更不可取！
延伸閱讀：
What do parentheses surrounding a JavaScript function declaration mean?