認識js函數對象（Function Object）

標籤：style   blog   color   java   使用   io   ar   問題   

認識函數對象（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()形式定義的才會有效，而不能是匿名函數。