不二如是 发表于 2017-10-10 22:22:11

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]
查看完整版本: 0 0 1 1 ㊣ ES Function类