快捷導(dǎo)航

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

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

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

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

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

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

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

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

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

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

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

復(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();  //實例化

alert(f.elem);

f.fn();

您可能感興趣的文章: