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

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

Example D1 複製代碼 代碼如下:function add(a, b)
{
return a+b;
}
alert(add(1,2)); // produces 3

當我們這樣申明函數時，函數的內容被解釋（但沒有執行，要我們調用該函數才會執行），同時，一個名為add的對象已經建立。

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

Example D2 複製代碼 代碼如下:var add=function(a, b)
{
return a+b;
}
alert(add(1,2)); // produces 3

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

Example D2A: 複製代碼 代碼如下:var add=function theAdd(a, b)
{
return a+b;
}
alert(theAdd(1,2)); // produces 3
alert(add(1,2)); // also produces 3

由上面一個例子可以看出，我們既可以通過函數名theAdd調用函數，也可以通過指定的函數變數名add調用函數。

Example D2B: 複製代碼 代碼如下: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);

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

方法三：使用new運算子申明函數 複製代碼 代碼如下:varName=new Function([param1Name, param2Name,...paramNName], functionBody);

Example D3: 複製代碼 代碼如下:var add=new Function("a", "b", "return a+b;");
alert(add(3,4)); // produces 7

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

Example D3A 複製代碼 代碼如下: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

當然，通過這種方式申明函數，函數體沒有被解釋（要直到運行時才被解釋），這樣便導致了效能的降低。為什麼呢？請看下面的例子：

Example D3B 複製代碼 代碼如下: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);

這個例子比較有趣，它在執行時可以通過傳遞參數（myOperator）分別建立了三個不同的Function對象。然後解譯器在意圖解釋createMyFunction的時候，對return中的“運算子”具體是什麼不清楚，從而無法解釋，這樣，效能自然打了折扣。
當然，當我們有特殊用途，如允許使用者去建立他們自訂的函數時，我們可以採用這種函數申明方式，不過我們還是應盡量避免這樣使用。