DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中定義函數的三種方法
JavaScript中定義函數的三種方法
編輯:關於JavaScript     

在JavaScript的世界裡,定義函數的方法多種多樣,這正是JavaScript靈活性的體現,但是正是這個原因讓初學者摸不著頭腦,尤其對於沒有 語言基礎的同學。正所謂條條大道通羅馬,但是如果道路太多,會讓行路者不知所措,因為不知道走那條路才是正途,呵呵,廢話一大篇,閒言少敘,先看代碼:
復制代碼 代碼如下:
/*第一種方法,使用function語句,格式如下*/
function fn(){
  alert("這是使用function語句進行函數定義");
}
fn();

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

其實相當於如下代碼:
function F(a,b){
  alert(a+b);
}

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

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

在這裡再順便提一下構造函數吧,其實從字面上理解,構造函數似乎也是函數,其實它並不是函數,而只是一種函數模型。舉個不恰當的例子,構造函數相當於一部 剛組裝好的車子,無論遠看還是近看,它都是一部車子,但是還沒有加油(代表在使用前的一個必要步驟),所以它並不能啟動。如果想要這部車子正常行駛,就必 須給它加上油,其實這個過程就等同於構造函數的實例化,否則它並不能正常運行!看下面這個例子:
復制代碼 代碼如下:
function Fn(){    //定義構造函數  
  this.elem ="這裡是使用function()構造函數定義函數,呵呵";  
  this.fn = function(){    
    alert("這是使用function()構造函數定義函數,嘿嘿");  
  }
}
var f = new Fn();  //實例化
alert(f.elem);
f.fn();

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved