Javascript自執行匿名函數(function() { })()的原理淺析

函數是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中文網！