匿名函數(shù)就是沒(méi)有函數(shù)名的函數(shù)。這篇文章主要介紹了Javascript自執(zhí)行匿名函數(shù)(function() { })()的原理淺析的相關(guān)資料,需要的朋友可以參考下

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

下面是一個(gè)最常見(jiàn)的自執(zhí)行函數(shù)：

// 傳統(tǒng)匿名函數(shù)

(function() {

alert('hello');

})();

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

是什么促使它自動(dòng)執(zhí)行的？，來(lái)看下面的代碼

// 在傳統(tǒng)寫(xiě)法上去掉小括號(hào)，并在前面加上運(yùn)算符 ~,!,+,-

~function(){

alert('hello');

}();

!function(){

alert('hello');

}();

+function(){

alert('hello');

}();

-function(){

alert('hello');

}();

這些寫(xiě)法與上文所說(shuō)的傳統(tǒng)方式執(zhí)行起來(lái)并無(wú)區(qū)別，

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

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

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

// function前面是特定符號(hào)可以無(wú)限疊加...

~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~~~~~~~~+-!!!!!!+function a(b) {

alert('hello');

}();

程序正常運(yùn)行!!!!!!

但是，有兩種情況會(huì)報(bào)錯(cuò)

如果連續(xù)出現(xiàn)三個(gè)及以上的“+”或“-”符號(hào)，則會(huì)出錯(cuò)；

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

錯(cuò)誤提示：Uncaught ReferenceError: Invalid left-hand side expression in prefix operation （意思是左側(cè)表達(dá)式錯(cuò)誤）

然后我用同樣的符號(hào)來(lái)運(yùn)算一個(gè)變量，發(fā)現(xiàn)一模一樣，這或許已經(jīng)可以說(shuō)明是javascript的運(yùn)算促使函數(shù)的自動(dòng)執(zhí)行，也可以理解為通過(guò)運(yùn)算來(lái)調(diào)用這個(gè)函數(shù)！

并不是函數(shù)自己執(zhí)行了，而是通過(guò)運(yùn)算來(lái)調(diào)用這個(gè)函數(shù)！，但只支持部分運(yùn)算方式！

此外，這個(gè)自執(zhí)行函數(shù)，未必是匿名函數(shù)！看上方的代碼，我在運(yùn)算符后的函數(shù)中，定義了函數(shù)名稱(chēng)a，并沒(méi)有什么異常，但也沒(méi)什么卵用- -!，這個(gè)a依然無(wú)法被其他方法調(diào)用，但我覺(jué)得很多人都稱(chēng)其為匿名函數(shù)有點(diǎn)不妥！

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