js 立即調(diào)用的函數(shù)表達(dá)式如何寫
更新時間：2014年01月12日 17:39:14 作者：
如果不需要顯示調(diào)用函數(shù)， 讓這個函數(shù)在定義的時候就執(zhí)行的話， 該如何寫才可以呢，下面為大家介紹下具體的實現(xiàn)步驟，喜歡的朋友可以了解下
如果不需要顯示調(diào)用函數(shù)， 讓這個函數(shù)在定義的時候就執(zhí)行的話， 該如何寫才可以呢,接下來將詳細(xì)介紹實現(xiàn)步驟，感興趣的朋友可以了解下
1.前言
函數(shù)需要先定義，后使用。 這基本上所有編程語言的一條鐵的定律。
一般狀況下， 我們需要調(diào)用一個JavaScript 函數(shù), 基本的狀況都是先定義， 然后再調(diào)用。 看一個例子
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Say Hello</title>
</head>
<body>
<script>
//define function
function sayHello()
{
alert("hello");
}
//call function
sayHello();
</script>
</body>
</html>
但是如果不需要顯示調(diào)用函數(shù)， 讓這個函數(shù)在定義的時候就執(zhí)行的話， 該如何寫才可以呢？
2.思考的歷程
從以上的例子來看，聰明的你結(jié)合以上的使用狀況可能會想：
===》既然調(diào)用的時候是在函數(shù)名后面加上一對 是否在function 定義的后面加上一對大括號是否就可以執(zhí)行了呢？ 像以下這樣：
代碼如下:
function sayHello()
{
alert("hello");
}();
不幸的是，以上的寫法會報出js 的語法錯誤。
因為Javascript 的解析器在解析器解析全局的function或者function內(nèi)部function關(guān)鍵字的時候， 默認(rèn)會把大括號解析成function聲明，而不是function表達(dá)式。
也就是說， 會把最后的一對大括號默認(rèn)解析成一個缺少名字的function，并且拋出一個語法錯誤信息，因為function聲明需要一個名字。
===》 你可能又會想， 如果我在大括號中傳入?yún)?shù)是否就會解析成表達(dá)式了呢？
代碼如下:
function sayHello()
{
alert("hello");
}(1);
的確， 錯誤是沒有了。 但是以上的寫法等同于以下寫法的效果
代碼如下:
function sayHello()
{
alert("hello");
};
(1);
這兩句完全沒有關(guān)系， 函數(shù)還是不會執(zhí)行
3.正確的寫法
對于JavaScript 來說，括弧()里面不能包含語句，所以在這一點上，解析器在解析function關(guān)鍵字的時候，會將相應(yīng)的代碼解析成function表達(dá)式，而不是function聲明所以，只要將大括號將代碼(包括函數(shù)部分和在后面加上一對大括號)全部括起來就可以了。
代碼如下:
(function sayHello()
{
alert("hello");
}());
還有一種寫法也可以， 就是將后面的大括號移出來， as
代碼如下:
(function sayHello()
{
alert("hello");
})();
推薦是使用第一種方式。
但是目前很多比較好的js library 使用的都是第二種方式。
比如： web 圖形繪制的: git , draw2d ,....
1.前言
函數(shù)需要先定義，后使用。 這基本上所有編程語言的一條鐵的定律。
一般狀況下， 我們需要調(diào)用一個JavaScript 函數(shù), 基本的狀況都是先定義， 然后再調(diào)用。 看一個例子
代碼如下:
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Say Hello</title>
</head>
<body>
<script>
//define function
function sayHello()
{
alert("hello");
}
//call function
sayHello();
</script>
</body>
</html>
但是如果不需要顯示調(diào)用函數(shù)， 讓這個函數(shù)在定義的時候就執(zhí)行的話， 該如何寫才可以呢？
2.思考的歷程
從以上的例子來看，聰明的你結(jié)合以上的使用狀況可能會想：
===》既然調(diào)用的時候是在函數(shù)名后面加上一對 是否在function 定義的后面加上一對大括號是否就可以執(zhí)行了呢？ 像以下這樣：
代碼如下:
復(fù)制代碼 代碼如下:
function sayHello()
{
alert("hello");
}();
不幸的是，以上的寫法會報出js 的語法錯誤。
因為Javascript 的解析器在解析器解析全局的function或者function內(nèi)部function關(guān)鍵字的時候， 默認(rèn)會把大括號解析成function聲明，而不是function表達(dá)式。
也就是說， 會把最后的一對大括號默認(rèn)解析成一個缺少名字的function，并且拋出一個語法錯誤信息，因為function聲明需要一個名字。
===》 你可能又會想， 如果我在大括號中傳入?yún)?shù)是否就會解析成表達(dá)式了呢？
代碼如下:
復(fù)制代碼 代碼如下:
function sayHello()
{
alert("hello");
}(1);
的確， 錯誤是沒有了。 但是以上的寫法等同于以下寫法的效果
代碼如下:
復(fù)制代碼 代碼如下:
function sayHello()
{
alert("hello");
};
(1);
這兩句完全沒有關(guān)系， 函數(shù)還是不會執(zhí)行
3.正確的寫法
對于JavaScript 來說，括弧()里面不能包含語句，所以在這一點上，解析器在解析function關(guān)鍵字的時候，會將相應(yīng)的代碼解析成function表達(dá)式，而不是function聲明所以，只要將大括號將代碼(包括函數(shù)部分和在后面加上一對大括號)全部括起來就可以了。
代碼如下:
復(fù)制代碼 代碼如下:
(function sayHello()
{
alert("hello");
}());
還有一種寫法也可以， 就是將后面的大括號移出來， as
代碼如下:
復(fù)制代碼 代碼如下:
(function sayHello()
{
alert("hello");
})();
推薦是使用第一種方式。
但是目前很多比較好的js library 使用的都是第二種方式。
比如： web 圖形繪制的: git , draw2d ,....
您可能感興趣的文章:
- JS 有名函數(shù)表達(dá)式全面解析
- 深入理解JavaScript系列(4) 立即調(diào)用的函數(shù)表達(dá)式
- js 在定義的時候立即執(zhí)行的函數(shù)表達(dá)式(function)寫法
- javascript 函數(shù)聲明與函數(shù)表達(dá)式的區(qū)別介紹
- Javascript學(xué)習(xí)筆記之 函數(shù)篇（一） : 函數(shù)聲明和函數(shù)表達(dá)式
- javascript函數(shù)聲明和函數(shù)表達(dá)式區(qū)別分析
- js中函數(shù)聲明與函數(shù)表達(dá)式
- 淺析javascript函數(shù)表達(dá)式
相關(guān)文章
ie6下png圖片背景不透明的解決辦法使用js實現(xiàn)
我們時常在使用png圖片的時候，在ie6下發(fā)生背景不透明的問題，解決的方法實在是太多了，下面給大家介紹下一個js解決的方式，感興趣的朋友可以了解下的2013-01-01
下面小編就為大家?guī)硪黄猨s判斷文件格式及大小的簡單實例(必看)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了微信小程序如何訪問公眾號文章，隨著小程序不斷的發(fā)展，現(xiàn)在個人的小程序也開放了很多功能了，個人小程序直接打開公眾號鏈接。在群里看到的一款小程序，點擊可以直接閱讀文章了,需要的朋友可以參考下2019-07-07
使用JavaScript實現(xiàn)一個靜態(tài)鏈表
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實現(xiàn)一個靜態(tài)鏈表，文中的示例代碼講解詳細(xì)，具有一定的學(xué)習(xí)價值，感興趣的小伙伴可以跟隨小編一起了解一下2023-06-06
這篇文章主要介紹了JavaScript如何輸出楊輝三角問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
JavaScript解決Joseph問題...2007-02-02
Javascript優(yōu)化技巧之短路表達(dá)式詳細(xì)介紹
這篇文章主要介紹了Javascript優(yōu)化技巧之短路表達(dá)式詳細(xì)介紹,本文講解了什么是短路表達(dá)式,并給出了一些示例,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了JavaScript獲取文本框內(nèi)選中文本的方法,實例分析了javascript通過onclick獲取文本框選中文本的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了詳解json串反轉(zhuǎn)義（消除反斜杠），文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
我們先來看一個JS中常見的JS對象序列化成JSON字符串的問題，請問，以下JS對象通過JSON.stringify后的字符串是怎樣的2017-04-04