函數(shù)是進(jìn)行模塊化程序設(shè)計(jì)的基礎(chǔ),編寫(xiě)復(fù)雜的ajax應(yīng)用程序,必須對(duì)函數(shù)有更深入的了解。
javascript中的函數(shù)不同于其他的語(yǔ)言,每個(gè)函數(shù)都是作為一個(gè)對(duì)象被維護(hù)和運(yùn)行的。通過(guò)函數(shù)對(duì)象的性質(zhì),可以很方便的將一個(gè)函數(shù)賦值給一個(gè)變量或者將函數(shù)作為參數(shù)傳遞。在繼續(xù)講述之前,先看一下函數(shù)的使用語(yǔ)法:以下是引用片段:
function func1(…){…}
var func2=function(…){…};
var func3=function func4(…){…};
var func5=new function(); 這些都是聲明函數(shù)的正確語(yǔ)法。它們和其他語(yǔ)言中常見(jiàn)的函數(shù)或之前介紹的函數(shù)定義方式有著很大的區(qū)別。那么在javascript中為什么能這么寫(xiě)?它所遵循的語(yǔ)法是什么呢?下面將介紹這些內(nèi)容。認(rèn)識(shí)函數(shù)對(duì)象(function object)可以用function關(guān)鍵字定義一個(gè)函數(shù),并為每個(gè)函數(shù)指定一個(gè)函數(shù)名,通過(guò)函數(shù)名來(lái)進(jìn)行調(diào)用。在javascript解釋執(zhí)行時(shí),函數(shù)都是被維護(hù)為一個(gè)對(duì)象,這就是要介紹的函數(shù)對(duì)象(function object)。函數(shù)對(duì)象與其他用戶(hù)所定義的對(duì)象有著本質(zhì)的區(qū)別,這一類(lèi)對(duì)象被稱(chēng)之為內(nèi)部對(duì)象,例如日期對(duì)象(date)、數(shù)組對(duì)象(array)、字符串對(duì)象(string)都屬于內(nèi)部對(duì)象。這些內(nèi)置對(duì)象的構(gòu)造器是由javascript本身所定義的:通過(guò)執(zhí)行new array()這樣的語(yǔ)句返回一個(gè)對(duì)象,javascript內(nèi)部有一套機(jī)制來(lái)初始化返回的對(duì)象,而不是由用戶(hù)來(lái)指定對(duì)象的構(gòu)造方式。在javascript中,函數(shù)對(duì)象對(duì)應(yīng)的類(lèi)型是function,正如數(shù)組對(duì)象對(duì)應(yīng)的類(lèi)型是array,日期對(duì)象對(duì)應(yīng)的類(lèi)型是date一樣,可以通過(guò)new function()來(lái)創(chuàng)建一個(gè)函數(shù)對(duì)象,也可以通過(guò)function關(guān)鍵字來(lái)創(chuàng)建一個(gè)對(duì)象。為了便于理解,我們比較函數(shù)對(duì)象的創(chuàng)建和數(shù)組對(duì)象的創(chuàng)建。先看數(shù)組對(duì)象:下面兩行代碼都是創(chuàng)建一個(gè)數(shù)組對(duì)象myarray:以下是引用片段:
var myarray=[];
//等價(jià)于
var myarray=new array();
同樣,下面的兩段代碼也都是創(chuàng)建一個(gè)函數(shù)myfunction:
function myfunction(a,b){
return a+b;
}
//等價(jià)于
var myfunction=new function(a,b,return a+b); 通過(guò)和構(gòu)造數(shù)組對(duì)象語(yǔ)句的比較,可以清楚的看到函數(shù)對(duì)象本質(zhì),前面介紹的函數(shù)聲明是上述代碼的第一種方式,而在解釋器內(nèi)部,當(dāng)遇到這種語(yǔ)法時(shí),就會(huì)自動(dòng)構(gòu)造一個(gè)function對(duì)象,將函數(shù)作為一個(gè)內(nèi)部的對(duì)象來(lái)存儲(chǔ)和運(yùn)行。從這里也可以看到,一個(gè)函數(shù)對(duì)象名稱(chēng)(函數(shù)變量)和一個(gè)普通變量名稱(chēng)具有同樣的規(guī)范,都可以通過(guò)變量名來(lái)引用這個(gè)變量,但是函數(shù)變量名后面可以跟上括號(hào)和參數(shù)列表來(lái)進(jìn)行函數(shù)調(diào)用。用new function()的形式來(lái)創(chuàng)建一個(gè)函數(shù)不常見(jiàn),因?yàn)橐粋€(gè)函數(shù)體通常會(huì)有多條語(yǔ)句,如果將它們以一個(gè)字符串的形式作為參數(shù)傳遞,代碼的可讀性差。下面介紹一下其使用語(yǔ)法:以下是引用片段:
var funcname=new function(p1,p2,...,pn,body);
參數(shù)的類(lèi)型都是字符串,p1到pn表示所創(chuàng)建函數(shù)的參數(shù)名稱(chēng)列表,body表示所創(chuàng)建函數(shù)的函數(shù)體語(yǔ)句,funcname就是所創(chuàng)建函數(shù)的名稱(chēng)??梢圆恢付ㄈ魏螀?shù)創(chuàng)建一個(gè)空函數(shù),不指定funcname創(chuàng)建一個(gè)無(wú)名函數(shù),當(dāng)然那樣的函數(shù)沒(méi)有任何意義。需要注意的是,p1到pn是參數(shù)名稱(chēng)的列表,即p1不僅能代表一個(gè)參數(shù),它也可以是一個(gè)逗號(hào)隔開(kāi)的參數(shù)列表,例如下面的定義是等價(jià)的:以下是引用片段:
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類(lèi)型并提供new function()這樣的語(yǔ)法是因?yàn)楹瘮?shù)對(duì)象添加屬性和方法就必須借助于function這個(gè)類(lèi)型。
函數(shù)的本質(zhì)是一個(gè)內(nèi)部對(duì)象,由javascript解釋器決定其運(yùn)行方式。通過(guò)上述代碼創(chuàng)建的函數(shù),在程序中可以使用函數(shù)名進(jìn)行調(diào)用。本節(jié)開(kāi)頭列出的函數(shù)定義問(wèn)題也得到了解釋。注意可直接在函數(shù)聲明后面加上括號(hào)就表示創(chuàng)建完成后立即進(jìn)行函數(shù)調(diào)用,例如:以下是引用片段:
var i=function (a,b){
return a+b;
}(1,2);
alert(i); 這段代碼會(huì)顯示變量i的值等于3。i是表示返回的值,而不是創(chuàng)建的函數(shù),因?yàn)槔ㄌ?hào)“(”比等號(hào)“=”有更高的優(yōu)先級(jí)。這樣的代碼可能并不常用,但當(dāng)用戶(hù)想在很長(zhǎng)的代碼段中進(jìn)行模塊化設(shè)計(jì)或者想避免命名沖突,這是一個(gè)不錯(cuò)的解決辦法。需要注意的是,盡管下面兩種創(chuàng)建函數(shù)的方法是等價(jià)的:以下是引用片段:
function funcname(){
//函數(shù)體
}
//等價(jià)于
var funcname=function(){
//函數(shù)體
}
但前面一種方式創(chuàng)建的是有名函數(shù),而后面是創(chuàng)建了一個(gè)無(wú)名函數(shù),只是讓一個(gè)變量指向了這個(gè)無(wú)名函數(shù)。在使用上僅有一點(diǎn)區(qū)別,就是:對(duì)于有名函數(shù),它可以出現(xiàn)在調(diào)用之后再定義;而對(duì)于無(wú)名函數(shù),它必須是在調(diào)用之前就已經(jīng)定義。例如:以下是引用片段:
<script language=javascript type=text/javascript>
<!--
func();
var func=function(){
alert(1)
}
//-->
</script>
這段語(yǔ)句將產(chǎn)生func未定義的錯(cuò)誤,而:以下是引用片段:
<script language=javascript type=text/javascript>
<!--
func();
function func(){
alert(1)
}
//-->
</script>
則能夠正確執(zhí)行,下面的語(yǔ)句也能正確執(zhí)行:以下是引用片段:
<script language=javascript type=text/javascript>
<!--
func();
var somefunc=function func(){
alert(1)
}
//-->
</script>
由此可見(jiàn),盡管javascript是一門(mén)解釋型的語(yǔ)言,但它會(huì)在函數(shù)調(diào)用時(shí),檢查整個(gè)代碼中是否存在相應(yīng)的函數(shù)定義,這個(gè)函數(shù)名只有是通過(guò)function funcname()形式定義的才會(huì)有效,而不能是匿名函數(shù)