js自執(zhí)行函數(shù)的幾種不同寫法的比較
更新時間：2012年08月16日 11:31:19 作者：
js自執(zhí)行函數(shù)的幾種不同寫法的比較,需要的朋友可以參考下
經(jīng)常需要一個函數(shù)自執(zhí)行，可惜這一種寫法是錯的：
function(){alert(1);}();
原因是前半段“function(){alert(1);}”被當成了函數(shù)聲明，而不是一個函數(shù)表達式，從而讓后面的“();”變得孤立，產(chǎn)生語法錯。
按上面的分析，這一段代碼雖說沒有語法錯，但也是不符合我們的預期的，因為這個函數(shù)并沒有自執(zhí)行。
function(){alert(1);}(1);
綜上，癥結(jié)在于，如何明確代碼描述的是一個函數(shù)表達式，而不是函數(shù)聲明語句。
正確的寫法多種多樣，也各有利弊：
方法1：最前最后加括號
(function(){alert(1);}());
這是jslint推薦的寫法，好處是，能提醒閱讀代碼的人，這段代碼是一個整體。
例如，在有語法高亮匹配功能的編輯器里，光標在第一個左括號后時，最后一個右括號也會高亮，看代碼的人一眼就可以看到這個整體。
不過，對于某些寫代碼不喜歡在行后加分號的同學，也會形成一些坑坑，例如以下代碼會報運行錯：
var a=1
(function(){alert(1);}());
方法2：function外面加括號
(function(){alert(1);})();
這種做法比方法1少了一個代碼整體性的好處。
方法3：function前面加運算符，常見的是!與void 。
!function(){alert(1);}();
void function(){alert(2);}();
顯然，加上“!”或“+”等運算符，寫起來是最簡單的。
加上“void ”要敲五下鍵盤，但是聽說有一個好處是，比加"!"少一次邏輯運算。----我只是聽說，不明所以。
最后，代表我個人，強烈支持方法1,即jslint的推薦寫法：
(function(){alert(1);}());
復制代碼 代碼如下:
function(){alert(1);}();
原因是前半段“function(){alert(1);}”被當成了函數(shù)聲明，而不是一個函數(shù)表達式，從而讓后面的“();”變得孤立，產(chǎn)生語法錯。
按上面的分析，這一段代碼雖說沒有語法錯，但也是不符合我們的預期的，因為這個函數(shù)并沒有自執(zhí)行。
復制代碼 代碼如下:
function(){alert(1);}(1);
綜上，癥結(jié)在于，如何明確代碼描述的是一個函數(shù)表達式，而不是函數(shù)聲明語句。
正確的寫法多種多樣，也各有利弊：
方法1：最前最后加括號
復制代碼 代碼如下:
(function(){alert(1);}());
這是jslint推薦的寫法，好處是，能提醒閱讀代碼的人，這段代碼是一個整體。
例如，在有語法高亮匹配功能的編輯器里，光標在第一個左括號后時，最后一個右括號也會高亮，看代碼的人一眼就可以看到這個整體。
不過，對于某些寫代碼不喜歡在行后加分號的同學，也會形成一些坑坑，例如以下代碼會報運行錯：
復制代碼 代碼如下:
var a=1
(function(){alert(1);}());
方法2：function外面加括號
復制代碼 代碼如下:
(function(){alert(1);})();
這種做法比方法1少了一個代碼整體性的好處。
方法3：function前面加運算符，常見的是!與void 。
復制代碼 代碼如下:
!function(){alert(1);}();
void function(){alert(2);}();
顯然，加上“!”或“+”等運算符，寫起來是最簡單的。
加上“void ”要敲五下鍵盤，但是聽說有一個好處是，比加"!"少一次邏輯運算。----我只是聽說，不明所以。
最后，代表我個人，強烈支持方法1,即jslint的推薦寫法：
復制代碼 代碼如下:
(function(){alert(1);}());
相關(guān)文章
好的朋友經(jīng)常需要彈出信息，這個功能不錯2008-09-09
這篇文章主要介紹了JavaScript switch語句使用方法簡介,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-12-12
這篇文章主要介紹了JavaScript截取指定長度字符串點擊可以展開全部代碼 的相關(guān)資料,需要的朋友可以參考下2015-12-12
JavaScript之瀏覽器對象_動力節(jié)點Java學院整理
JavaScript可以獲取瀏覽器提供的很多對象，并進行操作。下面通過本文給大家介紹JavaScript之瀏覽器對象的相關(guān)知識，一起看看吧2017-07-07
代碼實例ajax實現(xiàn)點擊加載更多數(shù)據(jù)圖片
在本篇文章里我們給大家分享了關(guān)于ajax實現(xiàn)點擊加載更多數(shù)據(jù)圖片的相關(guān)代碼知識點，有興趣的朋友們參考下。2018-10-10
Javascript獲取數(shù)組中的最大值和最小值的方法匯總
比較數(shù)組中數(shù)值的大小是比較常見的操作，下面同本文給大家分享四種放哪廣發(fā)獲取數(shù)組中最大值和最小值，對此感興趣的朋友一起學習吧2016-01-01
本文詳細介紹了前端技術(shù)中電子簽名的實現(xiàn)方法,包括技術(shù)選型如HTML5?Canvas和SVG,以及實現(xiàn)步驟和數(shù)據(jù)安全措施,電子簽名確保了法律效力和數(shù)據(jù)的安全性,適用于多種文件簽署需求,需要的朋友可以參考下2024-11-11
Webpack常見靜態(tài)資源處理-模塊加載器（Loaders）+ExtractTextPlugin插件
這篇文章主要介紹了Webpack常見靜態(tài)資源處理-模塊加載器（Loaders）+ExtractTextPlugin插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
js讀寫COOKIE實現(xiàn)記住帳號或密碼的代碼(js讀寫COOKIE)
js實現(xiàn)記住帳號或密碼(js讀寫COOKIE) 的實現(xiàn)代碼，原理就是利用cookies保存于讀取功能。2010-05-05
這篇文章主要為大家詳細介紹了JS實現(xiàn)瀑布流效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03