理解JavaScript函數(shù)
來源:易賢網(wǎng) 閱讀:701 次 日期:2015-04-08 15:00:27
溫馨提示:易賢網(wǎng)小編為您整理了“理解JavaScript函數(shù)”,方便廣大網(wǎng)友查閱!

函數(shù)是進行模塊化程序設(shè)計的基礎(chǔ),編寫復(fù)雜的Ajax應(yīng)用程序,必須對函數(shù)有更深入的了解。

javascript中的函數(shù)不同于其他的語言,每個函數(shù)都是作為一個對象被維護和運行的。通過函數(shù)對象的性質(zhì),可以很方便的將一個函數(shù)賦值給一個變量或者將函數(shù)作為參數(shù)傳遞。在繼續(xù)講述之前,先看一下函數(shù)的使用語法:以下是引用片段:

function func1(…){…}

var func2=function(…){…};

var func3=function func4(…){…};

var func5=new Function(); 這些都是聲明函數(shù)的正確語法。它們和其他語言中常見的函數(shù)或之前介紹的函數(shù)定義方式有著很大的區(qū)別。那么在JavaScript中為什么能這么寫?它所遵循的語法是什么呢?下面將介紹這些內(nèi)容。認識函數(shù)對象(Function Object)可以用function關(guān)鍵字定義一個函數(shù),并為每個函數(shù)指定一個函數(shù)名,通過函數(shù)名來進行調(diào)用。在JavaScript解釋執(zhí)行時,函數(shù)都是被維護為一個對象,這就是要介紹的函數(shù)對象(Function Object)。函數(shù)對象與其他用戶所定義的對象有著本質(zhì)的區(qū)別,這一類對象被稱之為內(nèi)部對象,例如日期對象(Date)、數(shù)組對象(Array)、字符串對象(String)都屬于內(nèi)部對象。這些內(nèi)置對象的構(gòu)造器是由JavaScript本身所定義的:通過執(zhí)行new Array()這樣的語句返回一個對象,JavaScript內(nèi)部有一套機制來初始化返回的對象,而不是由用戶來指定對象的構(gòu)造方式。在JavaScript中,函數(shù)對象對應(yīng)的類型是Function,正如數(shù)組對象對應(yīng)的類型是Array,日期對象對應(yīng)的類型是Date一樣,可以通過new Function()來創(chuàng)建一個函數(shù)對象,也可以通過function關(guān)鍵字來創(chuàng)建一個對象。為了便于理解,我們比較函數(shù)對象的創(chuàng)建和數(shù)組對象的創(chuàng)建。先看數(shù)組對象:下面兩行代碼都是創(chuàng)建一個數(shù)組對象myArray:以下是引用片段:

var myArray=[];

//等價于

var myArray=new Array();

同樣,下面的兩段代碼也都是創(chuàng)建一個函數(shù)myFunction:

function myFunction(a,b){

return a+b;

}

//等價于

var myFunction=new Function("a","b","return a+b"); 通過和構(gòu)造數(shù)組對象語句的比較,可以清楚的看到函數(shù)對象本質(zhì),前面介紹的函數(shù)聲明是上述代碼的第一種方式,而在解釋器內(nèi)部,當遇到這種語法時,就會自動構(gòu)造一個Function對象,將函數(shù)作為一個內(nèi)部的對象來存儲和運行。從這里也可以看到,一個函數(shù)對象名稱(函數(shù)變量)和一個普通變量名稱具有同樣的規(guī)范,都可以通過變量名來引用這個變量,但是函數(shù)變量名后面可以跟上括號和參數(shù)列表來進行函數(shù)調(diào)用。用new Function()的形式來創(chuàng)建一個函數(shù)不常見,因為一個函數(shù)體通常會有多條語句,如果將它們以一個字符串的形式作為參數(shù)傳遞,代碼的可讀性差。下面介紹一下其使用語法:以下是引用片段:

var funcName=new Function(p1,p2,...,pn,body);

參數(shù)的類型都是字符串,p1到pn表示所創(chuàng)建函數(shù)的參數(shù)名稱列表,body表示所創(chuàng)建函數(shù)的函數(shù)體語句,funcName就是所創(chuàng)建函數(shù)的名稱??梢圆恢付ㄈ魏螀?shù)創(chuàng)建一個空函數(shù),不指定funcName創(chuàng)建一個無名函數(shù),當然那樣的函數(shù)沒有任何意義。需要注意的是,p1到pn是參數(shù)名稱的列表,即p1不僅能代表一個參數(shù),它也可以是一個逗號隔開的參數(shù)列表,例如下面的定義是等價的:以下是引用片段:

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()這樣的語法是因為函數(shù)對象添加屬性和方法就必須借助于Function這個類型。

函數(shù)的本質(zhì)是一個內(nèi)部對象,由JavaScript解釋器決定其運行方式。通過上述代碼創(chuàng)建的函數(shù),在程序中可以使用函數(shù)名進行調(diào)用。本節(jié)開頭列出的函數(shù)定義問題也得到了解釋。注意可直接在函數(shù)聲明后面加上括號就表示創(chuàng)建完成后立即進行函數(shù)調(diào)用,例如:以下是引用片段:

var i=function (a,b){

return a+b;

}(1,2);

alert(i); 這段代碼會顯示變量i的值等于3。i是表示返回的值,而不是創(chuàng)建的函數(shù),因為括號“(”比等號“=”有更高的優(yōu)先級。這樣的代碼可能并不常用,但當用戶想在很長的代碼段中進行模塊化設(shè)計或者想避免命名沖突,這是一個不錯的解決辦法。需要注意的是,盡管下面兩種創(chuàng)建函數(shù)的方法是等價的:以下是引用片段:

function funcName(){

//函數(shù)體

}

//等價于

var funcName=function(){

//函數(shù)體

}

但前面一種方式創(chuàng)建的是有名函數(shù),而后面是創(chuàng)建了一個無名函數(shù),只是讓一個變量指向了這個無名函數(shù)。在使用上僅有一點區(qū)別,就是:對于有名函數(shù),它可以出現(xiàn)在調(diào)用之后再定義;而對于無名函數(shù),它必須是在調(diào)用之前就已經(jīng)定義。例如:以下是引用片段:

<script language="JavaScript" type="text/javascript">

<!--

func();

var func=function(){

alert(1)

}

//-->

</script>

這段語句將產(chǎn)生func未定義的錯誤,而:以下是引用片段:

<script language="JavaScript" type="text/javascript">

<!--

func();

function func(){

alert(1)

}

//-->

</script>

則能夠正確執(zhí)行,下面的語句也能正確執(zhí)行:以下是引用片段:

<script language="JavaScript" type="text/javascript">

<!--

func();

var someFunc=function func(){

alert(1)

}

//-->

</script>

由此可見,盡管JavaScript是一門解釋型的語言,但它會在函數(shù)調(diào)用時,檢查整個代碼中是否存在相應(yīng)的函數(shù)定義,這個函數(shù)名只有是通過function funcName()形式定義的才會有效,而不能是匿名函數(shù)

更多信息請查看IT技術(shù)專欄

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機網(wǎng)站地址:理解JavaScript函數(shù)
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)