javascript自執(zhí)行函數(shù)

tuantuan 發(fā)布于2019-08-20 10:45 / 1964人閱讀

摘要：一般沒有問題，但是，建議在自己寫的立即執(zhí)行函數(shù)前加分號，這樣可以有效地與前面代碼進(jìn)行隔離。否則，可能出現(xiàn)意想不到的錯誤。自執(zhí)行函數(shù)前加個分號是什么意思寫法最前最后加括號推薦這種寫法外面加括號目前很多比較好的使用的都是第二種方式。

定義

立即執(zhí)行函數(shù)模式是一種語法，可以讓你的函數(shù)在定義后立即被執(zhí)行，
這種模式本質(zhì)上就是函數(shù)表達(dá)式(命名的或者匿名的)，在創(chuàng)建后立即執(zhí)行；
立即執(zhí)行函數(shù)(immediate function)術(shù)語不是在ECMAScript標(biāo)準(zhǔn)中定義的，但它很短有助于描述和討論模式；
這種模式有一些幾部分組成：

使用函數(shù)表達(dá)式定義一個函數(shù)(函數(shù)聲明不能起作用)

在結(jié)尾加上一對括號，讓函數(shù)立即被執(zhí)行

將整個函數(shù)包裹在一對括號中(只有在你不將函數(shù)賦值給一個變量的時候才需要)

功能

它可以幫你封裝大量的工作而不會在背后遺留任何全局變量。

你定義的所有變量都會成員立即執(zhí)行函數(shù)的局部變量，所以你不用擔(dān)心這些臨時變量會污染全局空間

可以使用這種技術(shù)可以模仿一個私有作用域，用匿名函數(shù)作為一個“容器”，“容器”內(nèi)部可以訪問外部的變量，而外部環(huán)境不能訪問“容器”內(nèi)部的變量

可以添加更多的加強(qiáng)模塊，移除它們，多帶帶測試它們，允許用戶去禁用它們等等
為什么要有js立即執(zhí)行函數(shù)，存在的意義是什么

注意點(diǎn)

立即執(zhí)行函數(shù)通常作為一個多帶帶模塊使用。一般沒有問題，但是，建議在自己寫的立即執(zhí)行函數(shù)前加分號，這樣可以有效地與前面代碼進(jìn)行隔離。否則，可能出現(xiàn)意想不到的錯誤。
js自執(zhí)行函數(shù)前加個分號是什么意思？

寫法

最前最后加括號

(function(){alert(1);}());

JSLINT推薦這種寫法

function外面加括號

 (function(){alert(1);})();

目前很多比較好的js library 使用的都是第二種方式。
比如： web 圖形繪制的: git , draw2d ,....

function前面加運(yùn)算符，常見的是!與void

!function(){alert(1);}(); 
void function(){alert(2);}();

在function前面加！、+、 -甚至是逗號等到都可以起到函數(shù)定義后立即執(zhí)行的效果，而（）、！、+、-、=等運(yùn)算符，都將函數(shù)聲明轉(zhuǎn)換成函數(shù)表達(dá)式，消除了javascript引擎識別函數(shù)表達(dá)式和函數(shù)聲明的歧義
js中立即執(zhí)行函數(shù)