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