0 0 1 1 ㊣ ES Function类
本帖最后由 不二如是 于 2017-10-10 22:22 编辑http://xxx.fishc.com/forum/201709/26/214636uooowz3aoq3z1gcq.png
用一节课的时间,提高生活幸福感
------小甲鱼
欢乐与傻笑并存
智慧与邪恶同在
教程内涵------
Function类简介
ES最洋气的地方莫过于:
函数实际上是功能完整的类,Function类可以表示开发者定义的任何函数。
创建一个Function类的语法:
var function_name = new function(arg1, arg2, ..., argN, function_body)
每个 arg 都是一个参数,最后一个参数是函数主体(要执行的代码)。
这些参数必须是字符串。
还记得:
function fishc(fMember,fMessage)
{
alert(fMember +"Say:" + fMessage);
}
还可以这么定义:
var fishc = new Function("fMember","fMessage","alert(fMember +"Say:" + fMessage);");
虽然由于字符串的关系,这种形式写起来有些困难,但有助于理解函数只不过是一种引用类型。
它们的行为与用 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 a = 6;
var a = 3;
alert(a);//3
函数名只是指向函数对象的引用值,行为就像其他对象一样。
甚至可以使两个变量指向同一个函数:
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 类的实例。
TIPS:点击上方“目录”即可跳转到其他章节{:10_336:}
这位鱼油,如果喜欢本系列笔记,请订阅 专辑☞(传送门)(不喜欢更要订阅{:10_278:} )
Function类的length属性
函数属于引用类型,所以它们也有属性和方法。
ES定义的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。
记住:
无论定义了几个参数,ES 可以接受任意多个参数(最多 25 个)。
属性 length 只是为查看默认情况下预期的参数个数提供了一种查询方式。
这位鱼油,如果喜欢本系列笔记,请订阅 专辑☞(传送门)(不喜欢更要订阅{:10_278:} )
Function类的方法
Function 类也有与所有对象共享的 valueOf() 方法和 toString() 方法。
这两个方法返回的都是函数的源代码,在调试时尤其有用。
例如:
function doAdd(iNum) {
alert(iNum + 10);
}
document.write(doAdd.toString());
在浏览器中执行后,上面这段代码输出了 doAdd() 函数的文本。
再来看一个例子:
function doAdd(iNum) {
alert(iNum + 10);
}
document.write(doAdd.valueOf());
输出结果一样,同样是doAdd()函数的文本。
这位鱼油,如果喜欢本系列笔记,请订阅 专辑☞(传送门)(不喜欢更要订阅{:10_278:} )
页:
[1]