Javascript 匿名函數及其代碼模式原理
2024-05-06 14:10:57
供稿：網友
關于什么是匿名函數，及它帶來的優勢在本文就不深究了，先拋出一個常用的匿名函數：
(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，而并不去深究，知其然而不知其所以然，其實到最后能力并沒有多大的提升……更不可??！
