js 函數對象

函數是進行模塊化程序設計的基礎，編寫複雜的Ajax應用程序，必須對函數有更深刻的瞭解；

　　javaScript中的函數不一樣於其餘的語言，每一個函數都是做爲一個對象被維護和運行的，經過函數對象的性質，能夠很方便的將一個函數賦值

給一個變量或者將函數做爲參數傳遞，咱們先來看看函數的使用語法：

 

function func1(...){...}

var func2 = function(...){}
var func3 = function func4(...){...}

var func5 = new Function();

　　

　　這些都是聲明函數的的正確語法。它們和其餘語言中常見的函數或以前介紹的函數定義方式有着很大的區別。

那麼在javascript中爲何能這樣寫呢？所遵循的語法是什麼呢？

 

　　認識函數對象（Function Object）

　　函數自己就是一個對象，能夠用 function 關鍵字定義，併爲每一個函數起一個函數名，經過函數名來調用。在

javascript解釋執行時，函數都是被維護爲一個對象，這就是要介紹的函數對象（Function Object）了

　　函數對象與其餘用戶定義的對象有着本質的區別，這一類對象稱之爲內部對象，例如日期對象（Date）、數組

對象（Array）,字符串對象（String）......等等都屬於內部對象。這些內置對象的構造器是由JavaScript自己所定義的：

經過執行new Array()這樣的語句返回一個對象，JavaScript內部有一套機制來初始化返回的對象，而不是又用戶指定對象

的構造方式。

 

　　在JavaScript中，函數對象對應的類型是Function，正如數組對象對應的類型是Array,日期對象對應的類型是Date同樣，

能夠經過new Function()來建立一個函數對象，也能夠經過function關鍵字來建立一個對象，爲了便於理解，咱們比較函數

對象的建立和數組對象的建立，先看數組對象下面兩行代碼都是建立一個數組對象myArray：

如下是引用片斷：
var myArray=[];  
//等價於  
var myArray=new Array();  
一樣，下面的兩段代碼也都是建立一個函數myFunction：  
function myFunction(a,b){  
  return a+b;  
}  
//等價於  
var myFunction=new Function("a","b","return a+b");   

　　經過和構造數組對象語句的比較，能夠清楚的看到函數對象本質，前面介紹的函數聲明是上述代碼的第一種方式，而在解釋器內部，當遇到這種語法時，就會自動構造一個Function對象，將函數做爲一個內部的對象來存儲和運行。從這裏也能夠看到，一個函數對象名稱（函數變量）和一個普通變量名稱具備一樣的規範，均可以經過變量名來引用這個變量，可是函數變量名後面能夠跟上括號和參數列表來進行函數調用。

 

用new Function()的形式來建立一個函數不常見，由於一個函數體一般會有多條語句，若是將它們以一個字符串的形式做爲參數傳遞，代碼的可讀性差。下面介紹一下其使用語法：

如下是引用片斷：
var funcName=new Function(p1,p2,...,pn,body);  

  　　參數的類型都是字符串，p1到pn表示所建立函數的參數名稱列表，body表示所建立函數的函數體語句，funcName就是所建立函數的名稱。能夠不指定任何參數建立一個空函數，不指定funcName建立一個無名函數，固然那樣的函數沒有任何意義。

　　須要注意的是，p1到pn是參數名稱的列表，即p1不只能表明一個參數，它也能夠是一個逗號隔開的參數列表，例以下面的定義是等價的：

如下是引用片斷：
new Function("a", "b", "c", "return a+b+c")  
new Function("a, b, c", "return a+b+c")  
new Function("a,b", "c", "return a+b+c")  

　　JavaScript引入Function類型並提供new Function()這樣的語法是由於函數對象添加屬性和方法就必須藉助於Function這個類型。

　　函數的本質是一個內部對象，由JavaScript解釋器決定其運行方式。經過上述代碼建立的函數，在程序中可使用函數名進行調用。本節開頭列出的函數定義問題也獲得瞭解釋。注意可直接在函數聲明後面加上括號就表示建立完成後當即進行函數調用，例如：

如下是引用片斷：
var i=function (a,b){  
  return a+b;  
}(1,2);  
alert(i);   

　　這段代碼會顯示變量i的值等於3。i是表示返回的值，而不是建立的函數，由於括號「(」比等號「=」有更高的優先級。這樣的代碼可能並不經常使用，但當用戶想在很長的代碼段中進行模塊化設計或者想避免命名衝突，這是一個不錯的解決辦法。

 

須要注意的是，儘管下面兩種建立函數的方法是等價的：如下是引用片斷：function funcName(){    //函數體  }  //等價於  var funcName=function(){    //函數體  }   　　但前面一種方式建立的是有名函數，然後面是建立了一個無名函數，只是讓一個變量指向了這個無名函數。在使用上僅有一點區別，就是：對於有名函數，它能夠出如今調用以後再定義；而對於無名函數，它必須是在調用以前就已經定義。例如：如下是引用片斷：＜script language="JavaScript" type="text/javascript"＞  ＜!--  func();  var func=function(){    alert(1)  }  //--＞  ＜/script＞   　　這段語句將產生func未定義的錯誤，而：如下是引用片斷：＜script language="JavaScript" type="text/javascript"＞  ＜!--  func();  function func(){    alert(1)  }  //--＞  ＜/script＞   　　則可以正確執行，下面的語句也能正確執行：如下是引用片斷：＜script language="JavaScript" type="text/javascript"＞  ＜!--  func();  var someFunc=function func(){    alert(1)  }  //--＞  ＜/script＞   　　因而可知，儘管JavaScript是一門解釋型的語言，但它會在函數調用時，檢查整個代碼中是否存在相應的函數定義，這個函數名只有是經過function funcName()形式定義的纔會有效，而不能是匿名函數。