ECMAScript Function 对象(类)
ECMAScript 的函数实际上是功能完整的对象。
Function 对象(类)
ECMAScript 最令人感兴趣的可能莫过于函数实际上是功能完整的对象。
Function 类可以表示开发者定义的任何函数。
用 Function 类直接创建函数的语法如下:
- var function_name = new function(arg1, arg2, ..., argN, function_body)
在上面的形式中,每个 arg 都是一个参数,最后一个参数是函数主体(要执行的代码)。这些参数必须是字符串。
记得下面这个函数吗?
- function sayHi(sName, sMessage) {
- alert("Hello " + sName + sMessage);
- }
还可以这样定义它:
- var sayHi
- =
- new Function("sName", "sMessage", "alert(\"Hello \" + sName + sMessage);");
虽然由于字符串的关系,这种形式写起来有些困难,但有助于理解函数只不过是一种引用类型,它们的行为与用 Function 类明确创建的函数行为是相同的。
请看下面这个例子:
- function doAdd(iNum) {
- alert(iNum + 20);
- }
- function doAdd(iNum) {
- alert(iNum + 10);
- }
- doAdd(10); //输出 "20"
如你所知,第二个函数重载了第一个函数,使 doAdd(10) 输出了 "20",而不是 "30"。
如果以下面的形式重写该代码块,这个概念就清楚了:
- var doAdd = new Function("iNum", "alert(iNum + 20)");
- var doAdd = new Function("iNum", "alert(iNum + 10)");
- doAdd(10);
请观察这段代码,很显然,doAdd 的值被改成了指向不同对象的指针。函数名只是指向函数对象的引用值,行为就像其他对象一样。甚至可以使两个变量指向同一个函数:
- var doAdd = new Function("iNum", "alert(iNum + 10)");
- var alsodoAdd = doAdd;
- doAdd(10); //输出 "20"
- alsodoAdd(10); //输出 "20"
在这里,变量 doAdd 被定义为函数,然后 alsodoAdd 被声明为指向同一个函数的指针。用这两个变量都可以执行该函数的代码,并输出相同的结果 - "20"。因此,如果函数名只是指向函数的变量,那么可以把函数作为参数传递给另一个函数吗?回答是肯定的!
- function callAnotherFunc(fnFunction, vArgument) {
- fnFunction(vArgument);
- }
- var doAdd = new Function("iNum", "alert(iNum + 10)");
- callAnotherFunc(doAdd, 10); //输出 "20"
在上面的例子中,callAnotherFunc() 有两个参数 - 要调用的函数和传递给该函数的参数。这段代码把 doAdd() 传递给 callAnotherFunc() 函数,参数是 10,输出 "20"。
注意:尽管可以使用 Function 构造函数创建函数,但最好不要使用它,因为用它定义函数比用传统方式要慢得多。不过,所有函数都应看作 Function 类的实例。
Function 对象的 length 属性
如前所述,函数属于引用类型,所以它们也有属性和方法。
ECMAScript 定义的属性 length 声明了函数期望的参数个数。例如:
- function doAdd(iNum) {
- alert(iNum + 10);
- }
- function sayHi() {
- alert("Hi");
- }
- alert(doAdd.length); //输出 "1"
- alert(sayHi.length); //输出 "0"
函数 doAdd() 定义了一个参数,因此它的 length 是 1;sayHi() 没有定义参数,所以 length 是 0。
记住,无论定义了几个参数,ECMAScript 可以接受任意多个参数(最多 25 个),这一点在《函数概述》这一章中讲解过。属性 length 只是为查看默认情况下预期的参数个数提供了一种简便方式。
Function 对象的方法
Function 对象也有与所有对象共享的 valueOf() 方法和 toString() 方法。这两个方法返回的都是函数的源代码,在调试时尤其有用。例如:
- function doAdd(iNum) {
- alert(iNum + 10);
- }
- document.write(doAdd.toString());
上面这段代码输出了 doAdd() 函数的文本。
实例
<html>
<body>
<script type="text/javascript">
function doAdd(iNum) {
alert(iNum + 10);
}
document.write(doAdd.toString());
</script>
</body>
</html>