函數是JavaScript中最靈活的一種對象，這里只是講解其匿名函數的用途。匿名函數指沒有指定函數名或指針的函數，自執(zhí)行匿名函數只是其中一種，下文中稱這種函數為：自執(zhí)行函數

　　下面是一個最常見的自執(zhí)行函數：

// 傳統(tǒng)匿名函數
(function() {
alert('hello');
})();

　　這段代碼的執(zhí)行效果就是在頁面再載入時彈出："hello"

　　是什么促使它自動執(zhí)行的？，來看下面的代碼

// 在傳統(tǒng)寫法上去掉小括號，并在前面加上運算符 ~,!,+,-
~function(){
alert('hello');
}();
!function(){
alert('hello');
}();
+function(){
alert('hello');
}();
-function(){
alert('hello');
}();

　　這些寫法與上文所說的傳統(tǒng)方式執(zhí)行起來并無區(qū)別，

　　我發(fā)現(xiàn)，這些寫法的共同點是運算符，其實傳統(tǒng)方式的小括號()也屬于運算的一種，出現(xiàn)在：a=b*(c+d)，

　　運算符 + 傳遞給自生的參數 = 函數自動執(zhí)行？但有些符號也不支持，比如“=，*，/”號，它自執(zhí)行的原因還是很神秘，網上也找不到像樣的答案

　　然后我發(fā)現(xiàn)了一個神奇的現(xiàn)象，這些運算符可以無限疊加。。。。。。

// function前面是特定符號可以無限疊加...
~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~~~~~~~~+-!!!!!!+function a(b) {
alert('hello');
}();

　　程序正常運行!!!!!!

　　但是，有兩種情況會報錯

　　　　如果連續(xù)出現(xiàn)三個及以上的“+”或“-”符號，則會出錯；

　　　　如果連續(xù)出現(xiàn)兩個“+”或“-”符號再接上其他符號，則會出錯，例如“++~”，“--+”；

　　錯誤提示：Uncaught ReferenceError: Invalid left-hand side expression in prefix operation （意思是左側表達式錯誤）

　　然后我用同樣的符號來運算一個變量，發(fā)現(xiàn)一模一樣，這或許已經可以說明是javascript的運算促使函數的自動執(zhí)行，也可以理解為通過運算來調用這個函數！

　　并不是函數自己執(zhí)行了，而是通過運算來調用這個函數！，但只支持部分運算方式！

　　此外，這個自執(zhí)行函數，未必是匿名函數！看上方的代碼，我在運算符后的函數中，定義了函數名稱a，并沒有什么異常，但也沒什么卵用- -!，這個a依然無法被其他方法調用，但我覺得很多人都稱其為匿名函數有點不妥！

以上所述是小編給大家介紹的Javascript自執(zhí)行匿名函數(function() { })()的原理淺析，希望對大家有所幫助！

最新評論