js 在定義的時(shí)候立即執(zhí)行的函數(shù)表達(dá)式(function)寫(xiě)法
更新時(shí)間:2013年01月16日 12:17:11 作者:
如果不需要顯示調(diào)用函數(shù), 讓這個(gè)函數(shù)在定義的時(shí)候就執(zhí)行的話, 該如何寫(xiě)才可以呢,接下來(lái)將詳細(xì)介紹實(shí)現(xiàn)步驟,感興趣的朋友可以了解下
1.前言
函數(shù)需要先定義,后使用。 這基本上所有編程語(yǔ)言的一條鐵的定律。
一般狀況下, 我們需要調(diào)用一個(gè)JavaScript 函數(shù), 基本的狀況都是先定義, 然后再調(diào)用。 看一個(gè)例子
<!--by oscar999 2013-1-16-->
<!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ù), 讓這個(gè)函數(shù)在定義的時(shí)候就執(zhí)行的話, 該如何寫(xiě)才可以呢?
2.思考的歷程
從以上的例子來(lái)看,聰明的你結(jié)合以上的使用狀況可能會(huì)想:
===》既然調(diào)用的時(shí)候是在函數(shù)名后面加上一對(duì) 是否在function 定義的后面加上一對(duì)大括號(hào)是否就可以執(zhí)行了呢? 像以下這樣:
function sayHello()
{
alert("hello");
}();
不幸的是,以上的寫(xiě)法會(huì)報(bào)出js 的語(yǔ)法錯(cuò)誤。
因?yàn)镴avascript 的解析器在解析器解析全局的function或者function內(nèi)部function關(guān)鍵字的時(shí)候, 默認(rèn)會(huì)把大括號(hào)解析成function聲明,而不是function表達(dá)式。
也就是說(shuō), 會(huì)把最后的一對(duì)大括號(hào)默認(rèn)解析成一個(gè)缺少名字的function,并且拋出一個(gè)語(yǔ)法錯(cuò)誤信息,因?yàn)閒unction聲明需要一個(gè)名字。
===》 你可能又會(huì)想, 如果我在大括號(hào)中傳入?yún)?shù)是否就會(huì)解析成表達(dá)式了呢?
function sayHello()
{
alert("hello");
}(1);
的確, 錯(cuò)誤是沒(méi)有了。 但是以上的寫(xiě)法等同于以下寫(xiě)法的效果
function sayHello()
{
alert("hello");
};
(1);
這兩句完全沒(méi)有關(guān)系, 函數(shù)還是不會(huì)執(zhí)行
3.正確的寫(xiě)法
對(duì)于JavaScript 來(lái)說(shuō),括弧()里面不能包含語(yǔ)句,所以在這一點(diǎn)上,解析器在解析function關(guān)鍵字的時(shí)候,會(huì)將相應(yīng)的代碼解析成function表達(dá)式,而不是function聲明所以,只要將大括號(hào)將代碼(包括函數(shù)部分和在后面加上一對(duì)大括號(hào))全部括起來(lái)就可以了。
(function sayHello()
{
alert("hello");
}());
還有一種寫(xiě)法也可以, 就是將后面的大括號(hào)移出來(lái), as
(function sayHello()
{
alert("hello");
})();
推薦是使用第一種方式。
但是目前很多比較好的js library 使用的都是第二種方式。
比如: web 圖形繪制的: git , draw2d ,....
函數(shù)需要先定義,后使用。 這基本上所有編程語(yǔ)言的一條鐵的定律。
一般狀況下, 我們需要調(diào)用一個(gè)JavaScript 函數(shù), 基本的狀況都是先定義, 然后再調(diào)用。 看一個(gè)例子
復(fù)制代碼 代碼如下:
<!--by oscar999 2013-1-16-->
<!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ù), 讓這個(gè)函數(shù)在定義的時(shí)候就執(zhí)行的話, 該如何寫(xiě)才可以呢?
2.思考的歷程
從以上的例子來(lái)看,聰明的你結(jié)合以上的使用狀況可能會(huì)想:
===》既然調(diào)用的時(shí)候是在函數(shù)名后面加上一對(duì) 是否在function 定義的后面加上一對(duì)大括號(hào)是否就可以執(zhí)行了呢? 像以下這樣:
復(fù)制代碼 代碼如下:
function sayHello()
{
alert("hello");
}();
不幸的是,以上的寫(xiě)法會(huì)報(bào)出js 的語(yǔ)法錯(cuò)誤。
因?yàn)镴avascript 的解析器在解析器解析全局的function或者function內(nèi)部function關(guān)鍵字的時(shí)候, 默認(rèn)會(huì)把大括號(hào)解析成function聲明,而不是function表達(dá)式。
也就是說(shuō), 會(huì)把最后的一對(duì)大括號(hào)默認(rèn)解析成一個(gè)缺少名字的function,并且拋出一個(gè)語(yǔ)法錯(cuò)誤信息,因?yàn)閒unction聲明需要一個(gè)名字。
===》 你可能又會(huì)想, 如果我在大括號(hào)中傳入?yún)?shù)是否就會(huì)解析成表達(dá)式了呢?
復(fù)制代碼 代碼如下:
function sayHello()
{
alert("hello");
}(1);
的確, 錯(cuò)誤是沒(méi)有了。 但是以上的寫(xiě)法等同于以下寫(xiě)法的效果
復(fù)制代碼 代碼如下:
function sayHello()
{
alert("hello");
};
(1);
這兩句完全沒(méi)有關(guān)系, 函數(shù)還是不會(huì)執(zhí)行
3.正確的寫(xiě)法
對(duì)于JavaScript 來(lái)說(shuō),括弧()里面不能包含語(yǔ)句,所以在這一點(diǎn)上,解析器在解析function關(guān)鍵字的時(shí)候,會(huì)將相應(yīng)的代碼解析成function表達(dá)式,而不是function聲明所以,只要將大括號(hào)將代碼(包括函數(shù)部分和在后面加上一對(duì)大括號(hào))全部括起來(lái)就可以了。
復(fù)制代碼 代碼如下:
(function sayHello()
{
alert("hello");
}());
還有一種寫(xiě)法也可以, 就是將后面的大括號(hào)移出來(lái), as
復(fù)制代碼 代碼如下:
(function sayHello()
{
alert("hello");
})();
推薦是使用第一種方式。
但是目前很多比較好的js library 使用的都是第二種方式。
比如: web 圖形繪制的: git , draw2d ,....
您可能感興趣的文章:
- js function定義函數(shù)使用心得
- JS函數(shù)的幾種定義方式分析
- javascript定義函數(shù)的方法
- JavaScript定義類或函數(shù)的幾種方式小結(jié)
- JS 自定義帶默認(rèn)值的函數(shù)
- javascript自定義函數(shù)參數(shù)傳遞為字符串格式
- 100個(gè)不能錯(cuò)過(guò)的實(shí)用JS自定義函數(shù)
- javascript 定義初始化數(shù)組函數(shù)
- javascript 自定義回調(diào)函數(shù)示例代碼
- Javascript 使用function定義構(gòu)造函數(shù)
- JS函數(shù)基本定義與用法示例
相關(guān)文章
如何在Web頁(yè)面上直接打開(kāi)、編輯、創(chuàng)建Office文檔
如何在Web頁(yè)面上直接打開(kāi)、編輯、創(chuàng)建Office文檔...2007-03-03JavaScript中SQL語(yǔ)句的應(yīng)用實(shí)現(xiàn)
最近一直在用javascript在做項(xiàng)目 可是做著做著 感覺(jué)很多功能代碼都是重復(fù)的。2010-05-05js實(shí)現(xiàn)axios限制請(qǐng)求隊(duì)列
本文主要介紹了js實(shí)現(xiàn)axios限制請(qǐng)求隊(duì)列,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-07-07教你用javascript實(shí)現(xiàn)隨機(jī)標(biāo)簽云效果_附代碼
下面小編就為大家?guī)?lái)一篇教你用javascript實(shí)現(xiàn)隨機(jī)標(biāo)簽云效果_附代碼。小編覺(jué)得很實(shí)用,現(xiàn)在分享給大家。給大家一個(gè)參考2016-03-03?JavaScript?數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建(2)
這篇文章主要介紹了?JavaScript?數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建,主要看如何處理散列值沖突的問(wèn)題,并實(shí)現(xiàn)更完美的散列表。下文詳細(xì)介紹需要的小伙伴可以參考一下2022-04-04javascript window.onerror事件學(xué)習(xí)新收獲
javascript window.onerror事件學(xué)習(xí)新收獲...2007-11-11JS實(shí)現(xiàn)兩個(gè)大數(shù)(整數(shù))相乘
大數(shù),即超出語(yǔ)言所能表示的數(shù)字最大范圍的數(shù)字,那么如何實(shí)現(xiàn)兩個(gè)大數(shù)相乘呢?下面有個(gè)不錯(cuò)的方法,大家可以參考下2014-04-04