JavaScript相关-深入理解函数2

1，函数的arguments

function say(num) {
        /*
         * 在函数对象中有一个属性叫做arguments,通过这个属性可以获取相应的参数值，这个属性
         * 是一个数组，其实就是传递进来的参数
         */
        alert(arguments.length);
        for(var i=0;i<arguments.length;i++) {
            alert(arguments[i]);
        }
        alert(num);
    }
    /**
     * 在arguments这个对象中有一个callee的方法，arguments.callee(arg)可以反向的调用
     */
    
    // say(1,2,3);
    function factorial(num) {
        if(num<=1) return 1; 
        //此时和函数名耦合在一起
        // else return num*factorial(num-1);
        //以下就实现了函数名的解耦合，在js中通常都是使用这种方式做递归
        else return num*arguments.callee(num-1);
         
    }

2，this

当需要创建一个类的时候，设置类的属性和方法需要通过this关键字来引用。

var color = "red";
function showColor() {
    alert(this.color);
}
/**
 * 创建了一个类，有一个color的属性和一个show的方法
 */
function Circle(color) {
    this.color = color;
    this.showColor = showColor;
}

var c = new Circle("yellow");
//使用c来调用showColor方法，等于调用了showColor()方法
//此时的this是c，所以color就是yellow
c.showColor();//yellow
//此时调用的对象等于是window,showColor的this就是window,所以就会找window中color
showColor();//red

3，函数的属性length

函数的length就表示该函数所期望的参数值。

function fn2(num1,num2) {
}
alert(fn2.length);//2

4，apply()和call()方法

调用一个对象的一个方法，以另一个对象替换当前对象。

function sum(num1,num2) {
    return num1+num2;
}

function callSum1(num1,num2) {
    //使用sum这个函数来完成一次调用，调用的参数就是callSum1这个函数的参数
    //apply的第二个参数表示一组参数数组
    return sum.apply(this,arguments);
}

function callSum2(num1,num2) {
    //关键就是第二个参数是数组
    return sum.apply(this,[num1,num2]);
}
alert(callSum1(12,22));
alert(callSum2(22,32));

function callSum3(num1,num2) {
    //call是通过参数列表来完成传递，其他和apply没有任何区别
    return sum.call(this,num1,num2);
}
alert(callSum3(22,33));

(2)中使用call和apply之后，对象中可以不需要定义方法了

showColor.call(this);//使用上下文来调用showColor,结果是red
showColor.call(c);//上下文对象是c,结果就是yellow