JavaScript 函数 (Function)

     #在ECMAScipt中,函数实际上是对象,每个函数都是Function类型的实例,而且都与其它引用类型一样具有属性和方法.由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定.

函数的定义:

1.函数通常是使用函数声明语法定义的:

function sum (num1,num2) {

    return num1+num2;

}

2.使用函数表达式定义:

var sum = function (num1,num2) {

    return num1+num2;

}

3.使用Function构造函数:

var sum = new Function("num1","num2","return num1+num2");    //不推荐

第3中定义函数的方式,从技术上讲,这种语法会导致解析两次代码,影响性能,不推荐,但这种定义方式对于理解"函数是对象,函数名是指针"的概念非常直观.

     由于函数名仅仅是指向函数的指针,因此函数名与包含对象指针的其他变量没有什么不同,或句话说,一个函数可能有多个名字,如:

var anotherSum = sum;

alert(anotherSum(10,20));    //30

sum = null;

alert(anotherSum(10,20));    //30

    注:ECMAScript中没有函数重载的概念;

    #函数声明与函数表达式:

实际上,解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁,解析器会率先读取函数声明,并使其在执行任何代码之前都可用(可用访问);至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解析执行.如:

alert(sum(2,3));    //5

function sum (num1,num2) {

    return num1+num2;

}

注:以上代码完全可以正常运行,但如果改为下面这种函数定义方式,则会在执行期间导致错误:

alert(sum(2,3));    //报错

var sum = function (num1,num2) {

    return num1+num2;

}

    #作为值的函数:

因为ECMAScript中的函数名本身就是变量,所以函数也可以作为值来使用.也就是说,不仅可以像传递参数一样把一个函数传递给另一个函数,而且可以将一个函数作为一个结果返回.

function sum(num1,num2) {

    return num1+num2;

}

function mySum(sum,a,b) {

    return sum(a,b);

}

alert(mySum(3,4));    //7

    #函数属性和方法

在函数内部,有两个特殊对象:arguments和this.其中,arguments是一个类数组对象,包含着传入函数中的所有参数.虽然arguments的主要用途是保存函数参数,但这个对象还有个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数.如下面经典阶乘函数:

function factorial(num) {

    if (num <= 1 ) {

        return 1;

    }else {

        return num * arguments.callee(num-1);    //num * factorial(num - 1);

   }

}

注:num * arguments.callee(num-1) 比 num * factorial(num - 1)更保险,因为前者有更强的移植性,如var aa = factorial;

alert(aa(3));//6,若写成后者,则就不能移植给aa;

函数内部的另一个特殊对象是this,this引用的是函数据以执行的环境对象,或者也可以说是this值,当在网页的全局作用域中this对象引用的就是window.

ECMAScript函数是对象,函数也有属性和方法,每个函数都包含两个属性:length和prototype.其中,length属性表示函数希望接收的命名参数的个数,对于ECMAScript中的引用类型而言,prototype是保存它们所有实例方法的真正所在.换句话说,诸如toString()和valueOf()等方法实际上都保存在prototype名下,只不过通过各自对象的实例访问罢了.

    每个函数都包含两个非继承而来的方法:apply()和call(),这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内this对象的值.

    apply()方法接收两个参数:一个是在其中运行函数的作用域,另一个是参数数组.其中第二个参数可以是Array的实例,也可以是arguments对象.

function sum (num1,num2) {

    return num1+num2;

}

function callSum1(num1,num2) {

    return sum.apply(this,arguments);    //传入arguments对象

}

function callSum2(num1,num2) {

    return sum.apply(this,[num1,num2]);//传入数组

}

排序应用:

var values = [1,2,3,4,5,6,7,8];

var max = Math.max.apply(Math,values);

alert(max);    //8

var min = Math.min.apply(Math,values);

alert(min);    //1

    call()方法与apply()方法的作用相同,它们的区别仅在于接收参数的方式不同.对于call()方法而言,第一个参数是this值没有变化,变化的是其余参数都直接传递给函数.换句话说,在使用call()方法时,传递给函数的参数必须逐个列举出来.

    事实上,传递参数并非apply()和call()真正的用武之地,它们真正强大的地方是能够扩充函数赖以运行的作用域.如:

window.color = "red";

var o = {color:"blue"};

function sayColor() {

    alert(this.color);

}

sayColor();                      //red

sayColor.call(this);           //red

sayColor.call(window);    //red

sayColor.call(o);             //blue