函数内部属性及函数属性和方法

//3、函数内部属性
//arguments.callee方法
function box(num){
    if(num<=1){
        return 1;
    }else{
        return num*box(num-1);    //例:4*3*2*1 阶乘，递归
    }
}
alert(box(1));


function sum(num){
    if (num<=1){
        return 1;
    }else{
        return num*arguments.callee(num-1);    //使用arguments.callee，调用自身，实现递归
    }
}
alert(sum(4));


window.color='红色的';
alert(this.color);

var box={
    color:'蓝色的',        //这里的color是box下的属性，局部变量
    sayColor:function(){
        alert(this.color);    //这里的this是代表的box对象
    }
}


window.color='红色的';

function sayColor(){
    alert(this.color);    //这里执行的时候是动态的，第一次是在window下，第二次是在box下
}

sayColor();        //这里调用sayColor，范围是在window下

var box={
    color:'蓝色的'
};

box.sayColor=sayColor;    //这短代码相当于sayColor:function(){alert(this.color);}

box.sayColor();        //这里执行的是box里面的this.color



//4、函数属性和方法
//ECMAscript中的函数是对象，因此函数也有属性和方法。
//每个函数都包含两个属性，length和prototype。
//其中，length属性表示函数希望接受的命名参数的个数。


function box(name,age){
    return name+age;
}
alert(box.length)


//prototype属性，保存所有实例方法的真正所在，也就是原型
//prototype下有两个方法：apply()和call()，每个函数都包含这两个非继承而来的方法。这两个方法的用途在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。



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

function sum(num1,num2){
    return box.apply(this,[num1,num2]);    //this表示window作用域，[]表示传递的参数
}

function sum2(num1,num2){
    return box.apply(this,arguments);    //这个可以当数组传递
}
// alert(box(10,10));
// alert(sum(10,10));
alert(sum(10,10));
 


 //call()方法与apply()方法相同，区别仅仅在于接收参数的方式不同。第一个参数是作用域，没有变化。变化的是其余的参数都是直接传递给函数的。

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

function sum(num1,num2){
    return box.call(this,num1,num2);    //call只是传递参数不同，其他跟apply一样
}
 
 alert(sum(10,10));



var color='红色的';        //全局

var box={
    color:'蓝色的'        //局部
}

function sayColor(){
    alert(this.color);
}
// sayColor();        //全局

//用call实现对象冒充，冒充box,冒充window下
// sayColor.call(window);    //冒充window
// sayColor.call(this);    //在这里this就是window
sayColor.call(box);    //冒充box,作用域就在box对象里面