快捷導(dǎo)航

JavaScript中定義函數(shù)的三種方法

更新時(shí)間：2015年03月12日 10:22:36 投稿：junjie

這篇文章主要介紹了JavaScript中定義函數(shù)的三種方法,本文直接給出代碼實(shí)現(xiàn),同時(shí)給出了構(gòu)造函數(shù)的相關(guān)知識(shí),需要的朋友可以參考下

在JavaScript的世界里，定義函數(shù)的方法多種多樣，這正是JavaScript靈活性的體現(xiàn)，但是正是這個(gè)原因讓初學(xué)者摸不著頭腦，尤其對(duì)于沒(méi)有語(yǔ)言基礎(chǔ)的同學(xué)。正所謂條條大道通羅馬，但是如果道路太多，會(huì)讓行路者不知所措，因?yàn)椴恢雷吣菞l路才是正途，呵呵，廢話一大篇，閑言少敘，先看代碼：

復(fù)制代碼代碼如下:

/*第一種方法，使用function語(yǔ)句，格式如下*/
function fn(){
　　alert("這是使用function語(yǔ)句進(jìn)行函數(shù)定義");
}
fn();

/*第二種方法，使用Function()構(gòu)造函數(shù)克隆函數(shù)*/
var F = new Function("a","b","alert(a+b)");
F(a,b);

其實(shí)相當(dāng)于如下代碼：
function F(a,b){
　　alert(a+b);
}

/*第三種方法，使用函數(shù)直接量*/
var zhenn = function(){
　　alert("zhenn");
}
zhenn();

其中用“function語(yǔ)句”和使用“函數(shù)直接量”來(lái)定義函數(shù)的方法似乎比較常見(jiàn)，也比較好理解，在此不多說(shuō)。針對(duì)使用Function()構(gòu)造函數(shù)克隆函數(shù)，一般很少用，因?yàn)橐粋€(gè)函數(shù)通常有多條語(yǔ)句組成，如果將他們以字符串的形式作為參數(shù)傳遞，難免會(huì)使得代碼的可讀性很差。

在這里再順便提一下構(gòu)造函數(shù)吧，其實(shí)從字面上理解，構(gòu)造函數(shù)似乎也是函數(shù)，其實(shí)它并不是函數(shù)，而只是一種函數(shù)模型。舉個(gè)不恰當(dāng)?shù)睦?，?gòu)造函數(shù)相當(dāng)于一部剛組裝好的車子，無(wú)論遠(yuǎn)看還是近看，它都是一部車子，但是還沒(méi)有加油（代表在使用前的一個(gè)必要步驟），所以它并不能啟動(dòng)。如果想要這部車子正常行駛，就必須給它加上油，其實(shí)這個(gè)過(guò)程就等同于構(gòu)造函數(shù)的實(shí)例化，否則它并不能正常運(yùn)行！看下面這個(gè)例子：

復(fù)制代碼代碼如下:

function Fn(){    //定義構(gòu)造函數(shù)　　

　　this.elem ="這里是使用function()構(gòu)造函數(shù)定義函數(shù)，呵呵";　　

　　this.fn = function(){　　　　

　　　　alert("這是使用function()構(gòu)造函數(shù)定義函數(shù)，嘿嘿");　　

　　}

}

var f = new Fn();  //實(shí)例化

alert(f.elem);

f.fn();

您可能感興趣的文章: