javascript中定義聲明函數的三種方法

javascript中定義聲明函數的三種方法:
在javascript中定義函數體有很多種方法,下面介紹三種常用的方法:
方法一:function functionName([parameters]){functionBody};
這種方法也是我們經常會用到的,很傳統的定義函數的方法:
function add(a, b){
return a+b;
}
alert(add(1,2));
當我們這樣聲明函數時,函數的內容被解釋(但沒有執行,要我們調用該函數纔會執行),同時,一個名爲add的對象已經建立。

方法二:將一個未命名的函數function賦給一個指定變量(var)
var add=function(a, b){
return a+b;
}
alert(add(1,2));


這種聲明的方法看起來奇怪,但它可以幫助我們更好地理解“函數即對象”。通過這種方式申明的函數內容,同樣是被解釋,而未被執行。
同時,我們還可以這樣定義:
var add=function theAdd(a, b){
return a+b;
}
alert(theAdd(1,2)); // produces 3
alert(add(1,2)); // also produces 3
由上面一個例子可以看出,我們既可以通過函數名theAdd調用函數,也可以通過指定的函數變量名add調用函數。
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);
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將要在下一行尋找剩餘的代碼。
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
當然,通過這種方式申明函數,函數體沒有被解釋(要直到運行時才被解釋),這樣便導致了性能的降低。爲什麼呢?請看下面的例子:
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中的“運算符”具體是什麼不清楚,從而無法解釋,這樣,性能自然打了折扣。
當然,當我們有特殊用途,如允許用戶去創建他們自定義的函數時,我們可以採用這種函數聲明方式,不過我們還是應儘量避免這樣使用。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章