快捷導(dǎo)航

JavaScript 申明函數(shù)的三種方法每個函數(shù)就是一個對象（一）

更新時間：2009年12月04日 12:41:07 作者：

一、申明函數(shù)的三種方法（Declaring a Function）
方法一：function functionName([parameters]){functionBody};

Example D1

 
function add(a, b) 
{ 
return a+b; 
} 
alert(add(1,2)); // produces 3 

當(dāng)我們這樣申明函數(shù)時，函數(shù)的內(nèi)容被解釋（但沒有執(zhí)行，要我們調(diào)用該函數(shù)才會執(zhí)行），同時，一個名為add的對象已經(jīng)建立。

方法二：將一個未命名的函數(shù)function賦給一個指定變量（var）

Example D2

復(fù)制代碼代碼如下:

 
var add=function(a, b) 
{ 
return a+b; 
} 
alert(add(1,2)); // produces 3 

這種申明的語法看起來怪異，但它可以幫助我們更好地理解“函數(shù)即對象”。通過這種方式申明的函數(shù)的內(nèi)容，同樣是被解釋，而未被執(zhí)行。
同時，我們還可以這樣定義：

Example D2A:

復(fù)制代碼代碼如下:

 
var add=function theAdd(a, b) 
{ 
return a+b; 
} 
alert(theAdd(1,2)); // produces 3 
alert(add(1,2)); // also produces 3 

由上面一個例子可以看出，我們既可以通過函數(shù)名theAdd調(diào)用函數(shù)，也可以通過指定的函數(shù)變量名add調(diào)用函數(shù)。

Example D2B:

復(fù)制代碼代碼如下:

 
var myObject=new Object(); 
myObject.add=function(a,b){return a+b}; 
// myObject now has a property/a method named "add" 
// and I can use it like below 
myObject.add(1, 2); 

而這個例子表明，當(dāng)我們需要將一個自定義函數(shù)作為某個對象的屬性時，這種函數(shù)申明方法是非常有用的，它更接近OOP的思想。

方法三：使用new運算符申明函數(shù)

復(fù)制代碼代碼如下:

varName=new Function([param1Name, param2Name,...paramNName], functionBody);

Example D3:

復(fù)制代碼代碼如下:

 
var add=new Function("a", "b", "return a+b;"); 
alert(add(3,4)); // produces 7 

這里有兩個參數(shù)a和b，以及一個函數(shù)體，返回a+b。同時請注意，new Function(……)，這里使用的是大寫Function，而不是小寫function,這就表明，我們是要建立一個Function對象（回想下new Object()建立一個Object對象）。同時，我們也可以看出，前面的參數(shù)名和后面的函數(shù)體都是通過字符串形式傳遞（注意：它們都加了雙引號）。我們可以有許多個參數(shù)，JavaScript會自動判別函數(shù)體，通常是離右邊括號最近的那一個參數(shù)。當(dāng)然，我們不一定非得將所有的代碼寫在同一行，我們可以分多行寫，中間使用“+”或者“\”進行聯(lián)接?！?”和“\”告訴我們，JavaScript將要在下一行尋找剩余的代碼。

Example D3A

復(fù)制代碼代碼如下:

 
var add=new Function("a", "b", 
"alert" + // chop string using "+" 
"('adding '+a+' and ' +b);\ // separate string using "\" 
return a+b;"); 
alert(add(3,4)); // produces 7 

當(dāng)然，通過這種方式申明函數(shù)，函數(shù)體沒有被解釋（要直到運行時才被解釋），這樣便導(dǎo)致了性能的降低。為什么呢？請看下面的例子：

Example D3B

復(fù)制代碼代碼如下:

 
function createMyFunction(myOperator) 
{ 
return new Function("a", "b", "return a" + myOperator + "b;"); 
} 
var add=createMyFunction("+"); // creates "add" function 
var subtract=createMyFunction("-"); // creates "subtract" function 
var multiply=createMyFunction("*"); // created "multiply" function 
// test the functions 
alert("result of add="+add(10,2)); // result is 12 
alert("result of substract="+subtract(10,2)); // result is 8 
alert("result of multiply="+multiply(10,2)); // result is 20 
alert(add); 

這個例子比較有趣，它在執(zhí)行時可以通過傳遞參數(shù)（myOperator）分別創(chuàng)建了三個不同的Function對象。然后解釋器在意圖解釋createMyFunction的時候，對return中的“運算符”具體是什么不清楚，從而無法解釋，這樣，性能自然打了折扣。
當(dāng)然，當(dāng)我們有特殊用途，如允許用戶去創(chuàng)建他們自定義的函數(shù)時，我們可以采用這種函數(shù)申明方式，不過我們還是應(yīng)盡量避免這樣使用。

您可能感興趣的文章: