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ù)申明方式,不過我們還是應盡量避免這樣使用。
方法一: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ù)申明方式,不過我們還是應盡量避免這樣使用。
您可能感興趣的文章:
- 顯示js對象所有屬性和方法的函數(shù)
- javascript獲取函數(shù)名稱、函數(shù)參數(shù)、對象屬性名稱的代碼實例
- JS面向對象基礎講解(工廠模式、構造函數(shù)模式、原型模式、混合模式、動態(tài)原型模式)
- 深入理解javascript構造函數(shù)和原型對象
- javascript 函數(shù)調用的對象和方法
- JavaScript Date對象 日期獲取函數(shù)
- javascript的函數(shù)、創(chuàng)建對象、封裝、屬性和方法、繼承
- JavaScript中Function函數(shù)與Object對象的關系
- js Array對象的擴展函數(shù)代碼
- javascript 基礎篇3 類,回調函數(shù),內置對象,事件處理
- JS幾個常用的函數(shù)和對象定義與用法示例
相關文章
JavaScript中函數(shù)表達式和函數(shù)聲明及函數(shù)聲明與函數(shù)表達式的不同
這篇文章主要介紹了JavaScript中函數(shù)表達式和函數(shù)聲明及函數(shù)聲明與函數(shù)表達式的不同的相關資料,需要的朋友可以參考下2015-11-11js 優(yōu)化次數(shù)過多的循環(huán) 考慮到性能問題
IE沒有我們想象中笨,它知道總的循環(huán)次數(shù)還是一千萬次。因此,得把這一百個十萬次循環(huán)分開執(zhí)行。雖然Javascript是單線程的,但也可以通過setTimeout或setInterval模擬多線程。2011-03-03JavaScript 中 JSON.parse 函數(shù) 和 JSON.stringify 函數(shù)
這篇文章主要介紹了JavaScript -- JSON.parse 函數(shù) 和 JSON.stringify 函數(shù),本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2018-12-12