深入認識JavaScript中的函數
2024-09-06 12:43:39
供稿:網友
概述
函數是進行模塊化程序設計的基礎,編寫復雜的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()的形式來創建一個函數不常見,因為一個函數體通常會有多條語句,如果將它們以一個字符串的形式作為參數傳遞,代碼的可讀性差。下面介紹一下其使用語法: