javascript函数

一、函数的声明方式

//声明方式
function box(num1,num2){        //普通函数的声明方式
    return num1+num2;
}
alert(box(1,2));
var box=function(num1,num2){    //使用变量的方式
    return num1+num2;
};
alert(box(1,2));

var box=new Function('num1','num2','return num1+num2');        //使用new的构造方法来声明函数
alert(box(1,2));                                                                                //这种方式不推荐
alert(typeof box);        

二、函数可以传递函数（函数也是对象，函数名是指向函数的指针）

//1.(不是作为函数来传递的，而是作为函数的返回值来传递的)。
function box(sum,num){
    return sum+num;
}
function sum(num){
    return num+10;
}
var result=box(sum(10),10);        //box(20,10),sum(10)这里传递的是函数的返回值，和普通的变量一样，没区别
alert(result);

//2.作为值的函数。即要把函数本身作为参数传递，而不是函数的结果
function box(sum,num){
    return sum(num);
}
function sum(num){
    return num+10;
}
var result=box(sum,10);        //这里sum是一个函数，当作参数传递到另外一个函数里，而不是函数的返回值
alert(result);

三、函数内部对象

 

//函数内部对象
function box(num){
    if(num<=1){
        return 1;
    }else{
        return num*box(num-1);            //4*3*2*1=24，阶乘，递归
    }
}
alert(box(4));

//函数属性,arguments.callee，就是调用自己本身的函数
function sum(num){
    if(num<=1){
        return 1;
    }else{
        return num*arguments.callee(num-1);            //使用arguments.callee，调用自身，实现递归
    }
}
alert(sum(4));

//this，在函数内部就代表函数作用域；如果在全局，就是window作用域
//window是一个对象，而且是JS里面最大的对象，是最外围的对象
//alert(window);    //[object Window]
//alert(typeof window);    //object，window是对象，类型是对象
alert(this);    //[object Window]，this目前表示的是window，因为在window的范围下
alert(typeof this);    //object,和window一摸一样，所以this就是window

var color='red';    //这里color就是全局变量，而这个变量又是window的属性；
//alert(window.color);    //这里已经很好的说明color是window下的属性
alert(this.color);    //同上

window.color='red';    //    相当于 var color='red';
alert(this.color);

window.color='red';    //    相当于 var color='red';
var box={
    color:'blue',        //这里的color是box下的属性，也就是局部变量
    sayColor:function(){
        alert(this.color);    //这里的this，代表box的对象
    }
};
alert(this.color);    //这里this代表window
box.sayColor();

window.color='red';
function sayColor(){
    alert(this.color);
}
sayColor();        //这里的sayColor，其实范围还是在window下

window.color='red';
function sayColor(){        //所以这里执行的时候是动态的，第一次是在window下，第二次是在box下
    alert(this.color);
}
sayColor();        //这里的sayColor，其实范围还是在window下
var box={
    color:'blue'    
}
box.sayColor=sayColor;    //这段代码相当于48行
box.sayColor();    //这里执行的是box里面的this.color

//函数是对象，本身也有属性和方法
function box(name,age){
    alert(name+age);
}
alert(box.length);

//apply()和call()方法，第一个参数，用来指定作用域，this表示window作用域；
//apply()第二个参数，传参数数组
//call()第二个参数，必须传递参数是一个一个的传

function box(num1,num2){
    return num1+num2;
}
function sum(num1,num2){        //apply和call可冒充另外一个函数
    return box.apply(this,[num1,num2]);    //this,表示window作用域 ，[]表示传递的参数
}
function sum2(num1,num2){
    return box.apply(this,arguments);    
}
//alert(box(10,20));
//alert(sum(10,10));
alert(sum2(10,10));

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

//使用call()和apply()来改变作用域
var color='red';    //全局
var box={
    color:'blue'        //局部
}
function sayColor(){
    alert(this.color)
}
//sayColor();        //全局
//用call来实现对象冒充，冒充box下，冒充window下
//sayColor.call(window);        //冒充window，red
//sayColor.call(this);        //this就是window
sayColor.call(box);        //冒充box，作用域就在box里面，所以color就是blue