在js中,可以利用function關(guān)鍵字或Function()函數(shù)來(lái)聲明定義函數(shù),語(yǔ)法“function funName([參數(shù)列表]){…}”或“var funName = new Function([參數(shù)列表,body])”。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript中的函數(shù)的聲明定義
1、利用function關(guān)鍵字
語(yǔ)法:
function funName([參數(shù)列表]) { statements }
funName 是函數(shù)名,與變量名一樣必須是 JavaScript 合法的標(biāo)識(shí)符。在函數(shù)名之后是一個(gè)由一個(gè)小括號(hào)包含的參數(shù)列表,參數(shù)之間以逗號(hào)分隔。參數(shù)是可選的,沒(méi)有數(shù)量限制。
作為標(biāo)識(shí)符,參數(shù)僅在函數(shù)體內(nèi)被訪問(wèn),參數(shù)是函數(shù)作用域的私有成員。調(diào)用函數(shù)時(shí),通過(guò)為函數(shù)傳遞值,然后使用參數(shù)獲取外部傳入的值,并在函數(shù)體內(nèi)干預(yù)函數(shù)的運(yùn)行。
在小括號(hào)之后是一個(gè)大括號(hào),大括號(hào)內(nèi)包含的語(yǔ)句就是函數(shù)體結(jié)構(gòu)的主要內(nèi)容。在函數(shù)體重,大括號(hào)是必不可少的,缺少大括號(hào),JavaScript 將會(huì)拋出語(yǔ)法錯(cuò)誤。
示例
function 語(yǔ)句必須包含函數(shù)名、小括號(hào)和大括號(hào),其他代碼都可省略,因此最簡(jiǎn)單的函數(shù)體是一個(gè)空函數(shù)。
function funName() {} //空函數(shù)
如果使用匿名函數(shù),則可以省略函數(shù)名。
function () {} //匿名空函數(shù)
var 語(yǔ)句和 function 語(yǔ)句都是聲明語(yǔ)句,它們聲明的變量和函數(shù)都在 JavaScript 預(yù)編譯時(shí)被解析,也被稱(chēng)為變量提升和函數(shù)提升。在預(yù)編譯期,JavaScript 引擎會(huì)為每個(gè) function 創(chuàng)建上下文,定義變量對(duì)象,同時(shí)把函數(shù)內(nèi)所有形參、私有變量、嵌套函數(shù)作為屬性注冊(cè)到變量對(duì)象上。
2、利用Function()函數(shù)
使用 Function() 構(gòu)造函數(shù)可以快速生成函數(shù)。具體用法如下:
var funName = new Function([參數(shù)列表,body]);
Function() 的參數(shù)類(lèi)型都是字符串,body 表示所創(chuàng)建函數(shù)的函數(shù)結(jié)構(gòu)體語(yǔ)句,在 body 語(yǔ)句之間以分號(hào)分隔。
示例1
可以省略所有參數(shù),僅傳遞一個(gè)字符串,用來(lái)表示函數(shù)體。
var f = new Function ("a", "b", "return a+b"); //通過(guò)構(gòu)造函數(shù)來(lái)克隆函數(shù)結(jié)構(gòu)
在上面代碼中,f 就是所創(chuàng)建函數(shù)的名稱(chēng)。同樣是定義函數(shù),使用 function 語(yǔ)句可以設(shè)計(jì)相同結(jié)構(gòu)的函數(shù)。
function f(a, b) { //使用function語(yǔ)句定義函數(shù)結(jié)構(gòu) return a + b; }
示例2
使用 Function() 構(gòu)造函數(shù)可以不指定任何參數(shù),創(chuàng)建一個(gè)空函數(shù)結(jié)構(gòu)體。
var f = new Function(); //定義空函數(shù)
示例3
在 Function() 構(gòu)造函數(shù)參數(shù)中,p1~pn 是參數(shù)名稱(chēng)的列表,即 p1 不僅能代表一個(gè)參數(shù),還可以是一個(gè)逗號(hào)隔開(kāi)的參數(shù)列表。下面的定義方法是等價(jià)的。
var f = new Function("a", "b", "c", "return a+b+c"); var f = new Function("a, b, c", "return a+b+c"); var f = new Function("a,b", "c", "return a+b+c");
使用 Function() 構(gòu)造函數(shù)不是很常用,因?yàn)橐粋€(gè)函數(shù)體通常會(huì)包括很多代碼,如果將這些代碼以一行字符串的形式進(jìn)行傳遞,代碼的可讀性會(huì)很差。
使用 Function() 構(gòu)造函數(shù)可以動(dòng)態(tài)的創(chuàng)建函數(shù),它不會(huì)把用戶(hù)限制在 function 語(yǔ)句預(yù)聲明的函數(shù)體中。使用 Function() 構(gòu)造函數(shù)能夠把函數(shù)當(dāng)做表達(dá)式來(lái)使用,而不是當(dāng)做一個(gè)結(jié)構(gòu),因此使用起來(lái)會(huì)更靈活。其缺點(diǎn)就是,F(xiàn)unction() 構(gòu)造函數(shù)在執(zhí)行期被編譯,執(zhí)行效率非常低,一般不推薦使用。
【