ECMAScript Function 對象(類)

2018-09-21 15:27 更新

ECMAScript 的函數(shù)實(shí)際上是功能完整的對象。

Function 對象(類)

ECMAScript 最令人感興趣的可能莫過于函數(shù)實(shí)際上是功能完整的對象。

Function 類可以表示開發(fā)者定義的任何函數(shù)。

用 Function 類直接創(chuàng)建函數(shù)的語法如下:

var function_name = new function(arg1, arg2, ..., argN, function_body)

在上面的形式中,每個(gè) arg 都是一個(gè)參數(shù),最后一個(gè)參數(shù)是函數(shù)主體(要執(zhí)行的代碼)。這些參數(shù)必須是字符串。

記得下面這個(gè)函數(shù)嗎?

function sayHi(sName, sMessage) {
  alert("Hello " + sName + sMessage);
}

還可以這樣定義它:

var sayHi 
= 
new Function("sName", "sMessage", "alert(\"Hello \" + sName + sMessage);");

雖然由于字符串的關(guān)系,這種形式寫起來有些困難,但有助于理解函數(shù)只不過是一種引用類型,它們的行為與用 Function 類明確創(chuàng)建的函數(shù)行為是相同的。

請看下面這個(gè)例子:

function doAdd(iNum) {
  alert(iNum + 20);
}

function doAdd(iNum) {
  alert(iNum + 10);
}

doAdd(10);	//輸出 "20"

如你所知,第二個(gè)函數(shù)重載了第一個(gè)函數(shù),使 doAdd(10) 輸出了 "20",而不是 "30"。

如果以下面的形式重寫該代碼塊,這個(gè)概念就清楚了:

var doAdd = new Function("iNum", "alert(iNum + 20)");
var doAdd = new Function("iNum", "alert(iNum + 10)");
doAdd(10);

請觀察這段代碼,很顯然,doAdd 的值被改成了指向不同對象的指針。函數(shù)名只是指向函數(shù)對象的引用值,行為就像其他對象一樣。甚至可以使兩個(gè)變量指向同一個(gè)函數(shù):

var doAdd = new Function("iNum", "alert(iNum + 10)");
var alsodoAdd = doAdd;
doAdd(10);	//輸出 "20"
alsodoAdd(10);	//輸出 "20"

在這里,變量 doAdd 被定義為函數(shù),然后 alsodoAdd 被聲明為指向同一個(gè)函數(shù)的指針。用這兩個(gè)變量都可以執(zhí)行該函數(shù)的代碼,并輸出相同的結(jié)果 - "20"。因此,如果函數(shù)名只是指向函數(shù)的變量,那么可以把函數(shù)作為參數(shù)傳遞給另一個(gè)函數(shù)嗎?回答是肯定的!

function callAnotherFunc(fnFunction, vArgument) {
  fnFunction(vArgument);
}

var doAdd = new Function("iNum", "alert(iNum + 10)");

callAnotherFunc(doAdd, 10);	//輸出 "20"

在上面的例子中,callAnotherFunc() 有兩個(gè)參數(shù) - 要調(diào)用的函數(shù)和傳遞給該函數(shù)的參數(shù)。這段代碼把 doAdd() 傳遞給 callAnotherFunc() 函數(shù),參數(shù)是 10,輸出 "20"。

注意:盡管可以使用 Function 構(gòu)造函數(shù)創(chuàng)建函數(shù),但最好不要使用它,因?yàn)橛盟x函數(shù)比用傳統(tǒng)方式要慢得多。不過,所有函數(shù)都應(yīng)看作 Function 類的實(shí)例。

Function 對象的 length 屬性

如前所述,函數(shù)屬于引用類型,所以它們也有屬性和方法。

ECMAScript 定義的屬性 length 聲明了函數(shù)期望的參數(shù)個(gè)數(shù)。例如:

function doAdd(iNum) {
  alert(iNum + 10);
}

function sayHi() {
  alert("Hi");
}

alert(doAdd.length);	//輸出 "1"
alert(sayHi.length);	//輸出 "0"

函數(shù) doAdd() 定義了一個(gè)參數(shù),因此它的 length 是 1;sayHi() 沒有定義參數(shù),所以 length 是 0。

記住,無論定義了幾個(gè)參數(shù),ECMAScript 可以接受任意多個(gè)參數(shù)(最多 25 個(gè)),這一點(diǎn)在《函數(shù)概述》這一章中講解過。屬性 length 只是為查看默認(rèn)情況下預(yù)期的參數(shù)個(gè)數(shù)提供了一種簡便方式。

Function 對象的方法

Function 對象也有與所有對象共享的 valueOf() 方法和 toString() 方法。這兩個(gè)方法返回的都是函數(shù)的源代碼,在調(diào)試時(shí)尤其有用。例如:

function doAdd(iNum) {
  alert(iNum + 10);
}

document.write(doAdd.toString());

上面這段代碼輸出了 doAdd() 函數(shù)的文本。親自試一試

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號