JavaScript 申明函數(shù)的三種方法 每個(gè)函數(shù)就是一個(gè)對象(一)
更新時(shí)間:2009年12月04日 12:41:07 作者:
JavaScript 申明函數(shù)的三種方法 每個(gè)函數(shù)就是一個(gè)對象(一)
一、申明函數(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í),函數(shù)的內(nèi)容被解釋(但沒有執(zhí)行,要我們調(diào)用該函數(shù)才會執(zhí)行),同時(shí),一個(gè)名為add的對象已經(jīng)建立。
方法二:將一個(gè)未命名的函數(shù)function賦給一個(gè)指定變量(var)
Example D2
var add=function(a, b)
{
return a+b;
}
alert(add(1,2)); // produces 3
這種申明的語法看起來怪異,但它可以幫助我們更好地理解“函數(shù)即對象”。通過這種方式申明的函數(shù)的內(nèi)容,同樣是被解釋,而未被執(zhí)行。
同時(shí),我們還可以這樣定義:
Example D2A:
var add=function theAdd(a, b)
{
return a+b;
}
alert(theAdd(1,2)); // produces 3
alert(add(1,2)); // also produces 3
由上面一個(gè)例子可以看出,我們既可以通過函數(shù)名theAdd調(diào)用函數(shù),也可以通過指定的函數(shù)變量名add調(diào)用函數(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);
而這個(gè)例子表明,當(dāng)我們需要將一個(gè)自定義函數(shù)作為某個(gè)對象的屬性時(shí),這種函數(shù)申明方法是非常有用的,它更接近OOP的思想。
方法三:使用new運(yùn)算符申明函數(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
這里有兩個(gè)參數(shù)a和b,以及一個(gè)函數(shù)體,返回a+b。同時(shí)請注意,new Function(……),這里使用的是大寫Function,而不是小寫function,這就表明,我們是要建立一個(gè)Function對象(回想下new Object()建立一個(gè)Object對象)。同時(shí),我們也可以看出,前面的參數(shù)名和后面的函數(shù)體都是通過字符串形式傳遞(注意:它們都加了雙引號)。我們可以有許多個(gè)參數(shù),JavaScript會自動判別函數(shù)體,通常是離右邊括號最近的那一個(gè)參數(shù)。當(dāng)然,我們不一定非得將所有的代碼寫在同一行,我們可以分多行寫,中間使用“+”或者“\”進(jìn)行聯(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
當(dāng)然,通過這種方式申明函數(shù),函數(shù)體沒有被解釋(要直到運(yùn)行時(shí)才被解釋),這樣便導(dǎo)致了性能的降低。為什么呢?請看下面的例子:
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);
這個(gè)例子比較有趣,它在執(zhí)行時(shí)可以通過傳遞參數(shù)(myOperator)分別創(chuàng)建了三個(gè)不同的Function對象。然后解釋器在意圖解釋createMyFunction的時(shí)候,對return中的“運(yùn)算符”具體是什么不清楚,從而無法解釋,這樣,性能自然打了折扣。
當(dāng)然,當(dāng)我們有特殊用途,如允許用戶去創(chuàng)建他們自定義的函數(shù)時(shí),我們可以采用這種函數(shù)申明方式,不過我們還是應(yīng)盡量避免這樣使用。
方法一:function functionName([parameters]){functionBody};
Example D1
復(fù)制代碼 代碼如下:
function add(a, b)
{
return a+b;
}
alert(add(1,2)); // produces 3
當(dāng)我們這樣申明函數(shù)時(shí),函數(shù)的內(nèi)容被解釋(但沒有執(zhí)行,要我們調(diào)用該函數(shù)才會執(zhí)行),同時(shí),一個(gè)名為add的對象已經(jīng)建立。
方法二:將一個(gè)未命名的函數(shù)function賦給一個(gè)指定變量(var)
Example D2
復(fù)制代碼 代碼如下:
var add=function(a, b)
{
return a+b;
}
alert(add(1,2)); // produces 3
這種申明的語法看起來怪異,但它可以幫助我們更好地理解“函數(shù)即對象”。通過這種方式申明的函數(shù)的內(nèi)容,同樣是被解釋,而未被執(zhí)行。
同時(shí),我們還可以這樣定義:
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
由上面一個(gè)例子可以看出,我們既可以通過函數(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);
而這個(gè)例子表明,當(dāng)我們需要將一個(gè)自定義函數(shù)作為某個(gè)對象的屬性時(shí),這種函數(shù)申明方法是非常有用的,它更接近OOP的思想。
方法三:使用new運(yùn)算符申明函數(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
這里有兩個(gè)參數(shù)a和b,以及一個(gè)函數(shù)體,返回a+b。同時(shí)請注意,new Function(……),這里使用的是大寫Function,而不是小寫function,這就表明,我們是要建立一個(gè)Function對象(回想下new Object()建立一個(gè)Object對象)。同時(shí),我們也可以看出,前面的參數(shù)名和后面的函數(shù)體都是通過字符串形式傳遞(注意:它們都加了雙引號)。我們可以有許多個(gè)參數(shù),JavaScript會自動判別函數(shù)體,通常是離右邊括號最近的那一個(gè)參數(shù)。當(dāng)然,我們不一定非得將所有的代碼寫在同一行,我們可以分多行寫,中間使用“+”或者“\”進(jìn)行聯(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ù)體沒有被解釋(要直到運(yùn)行時(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);
這個(gè)例子比較有趣,它在執(zhí)行時(shí)可以通過傳遞參數(shù)(myOperator)分別創(chuàng)建了三個(gè)不同的Function對象。然后解釋器在意圖解釋createMyFunction的時(shí)候,對return中的“運(yùn)算符”具體是什么不清楚,從而無法解釋,這樣,性能自然打了折扣。
當(dāng)然,當(dāng)我們有特殊用途,如允許用戶去創(chuàng)建他們自定義的函數(shù)時(shí),我們可以采用這種函數(shù)申明方式,不過我們還是應(yīng)盡量避免這樣使用。
您可能感興趣的文章:
- 顯示js對象所有屬性和方法的函數(shù)
- javascript獲取函數(shù)名稱、函數(shù)參數(shù)、對象屬性名稱的代碼實(shí)例
- JS面向?qū)ο蠡A(chǔ)講解(工廠模式、構(gòu)造函數(shù)模式、原型模式、混合模式、動態(tài)原型模式)
- 深入理解javascript構(gòu)造函數(shù)和原型對象
- javascript 函數(shù)調(diào)用的對象和方法
- JavaScript Date對象 日期獲取函數(shù)
- javascript的函數(shù)、創(chuàng)建對象、封裝、屬性和方法、繼承
- JavaScript中Function函數(shù)與Object對象的關(guān)系
- js Array對象的擴(kuò)展函數(shù)代碼
- javascript 基礎(chǔ)篇3 類,回調(diào)函數(shù),內(nèi)置對象,事件處理
- JS幾個(gè)常用的函數(shù)和對象定義與用法示例
相關(guān)文章
讓你的網(wǎng)站可編輯的實(shí)現(xiàn)js代碼
可以讓你編輯瀏覽器中看到網(wǎng)頁可編輯的實(shí)現(xiàn)代碼。2009-10-10JavaScript中函數(shù)表達(dá)式和函數(shù)聲明及函數(shù)聲明與函數(shù)表達(dá)式的不同
這篇文章主要介紹了JavaScript中函數(shù)表達(dá)式和函數(shù)聲明及函數(shù)聲明與函數(shù)表達(dá)式的不同的相關(guān)資料,需要的朋友可以參考下2015-11-11js 優(yōu)化次數(shù)過多的循環(huán) 考慮到性能問題
IE沒有我們想象中笨,它知道總的循環(huán)次數(shù)還是一千萬次。因此,得把這一百個(gè)十萬次循環(huán)分開執(zhí)行。雖然Javascript是單線程的,但也可以通過setTimeout或setInterval模擬多線程。2011-03-03Javascript 中的 && 和 || 使用小結(jié)
Javascript 中的 && 和 || ,有時(shí)候用作條件判斷,非常的簡潔,不熟悉的朋友可能不太了解,這里最后有個(gè)朋友補(bǔ)充,非常的好。2010-04-04JavaScript常見繼承模式實(shí)例小結(jié)
這篇文章主要介紹了JavaScript常見繼承模式,結(jié)合實(shí)例形式總結(jié)分析了javascript原型鏈繼承、構(gòu)造函數(shù)繼承、組合繼承、原型式繼承、寄生式繼承等相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-01-01JavaScript 中 JSON.parse 函數(shù) 和 JSON.stringify 函數(shù)
這篇文章主要介紹了JavaScript -- JSON.parse 函數(shù) 和 JSON.stringify 函數(shù),本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-12-12