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

字號:


    匿名函數就是沒有函數名的函數。這篇文章主要介紹了Javascript自執(zhí)行匿名函數(function() { })()的原理淺析的相關資料,需要的朋友可以參考下
    函數是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() { })()的原理淺析,希望對大家有所幫助!