JavaScript如何實現自執行函數

這篇文章將為大家詳細講解有關JavaScript如何實現自執行函數，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

自執行函數 ( function(){…} )() 和( function(){…} () )

之前講的函數定義和調用時分開的，這里馬上講的定義和執行是一起進行的。

( function(){…} )() 和( function(){…} () ) 是 兩種javascript立即執行函數的常見寫法，最初我以為是一個括號包裹匿名函數，再在后面加個括號調用函數，最后達到函數定義后立即執行的目的，后來發現加括號的原因并非如此。要理解立即執行函數，需要先理解一些函數的基本概念。

函數聲明、函數表達式、匿名函數

函數聲明：function fnName () {…};使用function關鍵字聲明一個函數，再指定一個函數名，叫函數聲明。

函數表達式 var fnName = function () {…};使用function關鍵字聲明一個函數，但未給函數命名，最后將匿名函數賦予一個變量，叫函數表達式，這是最常見的函數表達式語法形式。

匿名函數：function () {}; 使用function關鍵字聲明一個函數，但未給函數命名，所以叫匿名函數，匿名函數屬于函數表達式，匿名函數有很多作用，賦予一個變量則創建函數，賦予一個事件則成為事件處理程序或創建閉包等等。

函數聲明和函數表達式不同之處在于

一、Javascript引擎在解析javascript代碼時會‘函數聲明提升’（Function declaration Hoisting）當前執行環境（作用域）上的函數聲明，而函數表達式必須等到Javascirtp引擎執行到它所在行時，才會從上而下一行一行地解析函數表達式，

二、函數表達式后面可以加括號立即調用該函數，函數聲明不可以，只能以fnName()形式調用 。以下是兩者差別的兩個例子。

// 方式1： ( function(){…} () )
(
     function(){alert('hello world, I am coming');}()
);
// 函數有參數的情況，有時為確保執行，前面加;
// 看到別人的插件，你會發現人家開頭處加了一個";"，這樣就算頁面js有錯誤，加載運行他的插件也能保證運行，如：
;(function(e){alert(e);}('hello world'));

// 方式2：( function(){…} )()
(function(){alert('hello');})();

// 有時在前面加運算符，常見的是!與void
!function(){alert('hello');}();
void function(){alert(2);}();

關于“JavaScript如何實現自執行函數”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。