JS 自執(zhí)行函數(shù)原理及用法
js自執(zhí)行函數(shù)，聽到這個名字，首先會聯(lián)想到函數(shù)。接下來，我來定義一個函數(shù)：
function aaa(a,b){
return sum = a + b
}
定義了一個名為aaa的函數(shù)，在里面可以計算兩個數(shù)的和。如果想執(zhí)行它，就必須得調(diào)用它，并且還得給它傳參：
var aa = aaa(1,2)
這樣就實現(xiàn)了一個函數(shù)的定義與調(diào)用，通過console.log我們可以看到sum實現(xiàn)了兩個數(shù)的相加。
自執(zhí)行函數(shù)是什么？自執(zhí)行函數(shù)就是當它被定義出來，就會自動執(zhí)行的函數(shù)。不需要調(diào)用，傳參也很方便。就上面的函數(shù)，用自執(zhí)行函數(shù)定義就是這樣：
(function aaa(a,b){
return sum = a + b
;})(1,2)
通過控制臺可以發(fā)現(xiàn)sum實現(xiàn)了兩個數(shù)的相加。
自執(zhí)行函數(shù)有三種寫法：
1.( function ( “ 參數(shù) ” ) { " 函數(shù)方法 " ; } ) ( “ 給參數(shù)傳的值 ” )
2.( function ( " 參數(shù) " ) { “ 函數(shù)方法 ” ; } ( " 給參數(shù)傳的值 " ) )
3.! function ( " 參數(shù) " ) { " 函數(shù)方法 " ; } ( " 給參數(shù)傳的值 " )
第三種!可以換作其他運算符或者void。
自執(zhí)行函數(shù)是很自私的，它的內(nèi)部可以訪問全局變量。但是除了自執(zhí)行函數(shù)自身內(nèi)部，是無法訪問它的。例：
function aaa(a1,b1){
return sum1 = a1 + b1
},
(function bbb(a2,b2){
return sum2 = a2 + b2
;}(),
console.log(aaa)
console.log(bbb)
這是一個函數(shù)與一個自執(zhí)行函數(shù)，輸出這兩個函數(shù)會發(fā)現(xiàn)：函數(shù)aaa被全部打印出來，而bbb則報錯。自執(zhí)行函數(shù)相當于一個瓶口朝下的杯子，當定義它的時候，它會傾斜，把杯口露出來，吸收外面的新鮮空氣；當它執(zhí)行完畢，杯口不再外露，緊閉起來，與外界再無關(guān)聯(lián)。
相關(guān)文章
這篇文章主要介紹了js繼承方式，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-09-09
在我們的WebApp項目中，Dialog是個不可或缺的元素，很多頁面操作都通過Dialog來進行，今天我們就Dialog顯示數(shù)據(jù)、提交數(shù)據(jù)做進一步分析2012-10-10
這篇文章主要介紹了JavaScript簡單修改窗口大小的方法,涉及javascript中moveTo與resizeTo方法的相關(guān)使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了JavaScript常用的簡寫技巧,列舉了20條js中常用的簡寫技巧，具體操作步驟大家可查看下文的詳細講解，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)彈幕特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
JavaScript降低代碼圈復(fù)雜度優(yōu)化技巧
當一個項目經(jīng)過持續(xù)迭代,不斷增加功能,逐漸變成一個復(fù)雜的產(chǎn)品時,新功能的開發(fā)變得相對困難,其中一個很大的原因是代碼復(fù)雜度高,導(dǎo)致可維護性和可讀性都很差,本文將從前端JavaScript的角度出發(fā),介紹一些有效的方法和技巧來優(yōu)化前端代碼的圈復(fù)雜度2023-10-10
這篇文章主要為大家介紹了開箱即用的開源工具庫xijs示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
Bootstrap彈出框(modal)垂直居中的問題及解決方案詳解
這篇文章主要介紹了Bootstrap彈出框(modal)垂直居中的問題及解決方案詳解的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要為大家介紹了input?獲取光標位置設(shè)置光標位置方案詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要介紹了js實現(xiàn)最短的XML格式化工具,實例分析了基于jquery-latest.js實現(xiàn)XML代碼格式化的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03