函數是JavaScript中最靈活的一種對象,這裡只是講解其匿名函數的用途。匿名函數指沒有指定函數名稱或指標的函數,自執行匿名函數只是其中一種,下文稱這種函數為:自執行函數
下面是一個最常見的自執行函數:
// 传统匿名函数 (function() { alert('hello'); })();
這段程式碼的執行效果就是在頁面再載入時彈出:"hello"
是什麼促使它自動執行的? ,來看下面的程式碼
// 在传统写法上去掉小括号,并在前面加上运算符 ~,!,+,- ~function(){ alert('hello'); }(); !function(){ alert('hello'); }(); +function(){ alert('hello'); }(); -function(){ alert('hello'); }();
這些寫法與上文所說的傳統方式執行起來並無區別,
我發現,這些寫法的共同點是運算符,其實傳統方式的小算號括號()也屬於運算號括的一種,出現在:a=b*(c+d),
運算子+ 傳遞給自生的參數= 函數會自動執行?但有些符號也不支持,例如「=,*,/」號,它自執行的原因還是很神秘,網路上也找不到像樣的答案
然後我發現了一個神奇的現象,這些運算子可以無限疊加。 。 。 。 。 。
// function前面是特定符号可以无限叠加... ~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~~~~~~~~+-!!!!!!+function a(b) { alert('hello'); }();
程式正常運作!!!!!!
但是,有兩種情況會報錯
如果連續出現三個及以上的「」或「-」符號,則會出錯兩個“+”或“-”符號再接上其他符號,則會出錯,例如“++~”,“--+”;
錯誤提示:Uncaught ReferenceError: Invalid left-hand side expression in prefix operation (意思是左邊表達式錯誤)
然後我用同樣的符號來運算一個變量,發現一模一樣,這或許已經可以說明是javascript的運算促使函數的自動執行,也可以理解為透過運算來呼叫這個函數!
並不是函數自己執行了,而是透過運算來呼叫這個函數! ,但只支援部分運算方式!
此外,這個自執行函數,未必是匿名函數!看上方的程式碼,我在運算子後的函數中,定義了函數名稱a,並沒有什麼異常,但也沒什麼卵用- -!,這個a依然無法被其他方法調用,但我覺得很多人都稱其匿名函數有點不妥!
以上所述是小編給大家介紹的Javascript自執行匿名函數(function() { })()的原理淺析,希望對大家有幫助!
更多Javascript自執行匿名函數(function() { })()的原理淺析相關文章請關注PHP中文網!