欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2009年12月04日 12:41:07   作者:  
JavaScript 申明函數(shù)的三種方法 每個函數(shù)就是一個對象(一)
一、申明函數(shù)的三種方法 (Declaring a Function)
方法一:function functionName([parameters]){functionBody};

Example D1
復制代碼 代碼如下:

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


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

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


Example D2
復制代碼 代碼如下:

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


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

Example D2A:
復制代碼 代碼如下:

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

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

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);


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


方法三:使用new運算符申明函數(shù)
復制代碼 代碼如下:

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


Example D3:
復制代碼 代碼如下:

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ù)。當然,我們不一定非得將所有的代碼寫在同一行,我們可以分多行寫,中間使用“+”或者“\”進行聯(lián)接。“+”和“\”告訴我們,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

當然,通過這種方式申明函數(shù),函數(shù)體沒有被解釋(要直到運行時才被解釋),這樣便導致了性能的降低。為什么呢?請看下面的例子:

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);


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

相關文章

最新評論