JavaScript中callee和caller的区别

1.callee

  在函数的内部,有两个特殊的对象:arguments和this。其中arguments是一个类似数组的对象,包含着传入函数的所有参数。
  虽然arguments的主要用途是保存函数参数,但这个对象有一个属性——callee,该属性是一个指针,指向拥有这个arguments对象的函数
  所以callee的作用就是来指向当前对象
看一个阶层函数的例子就会明白他的用途了:

/*
 * 普通的递归阶层函数
 */
function factorial(num){
    if(num <= 1){
        return 1;
    }else{
        return num * factorial(num-1);
    }
}

  上面的代码运行没有问题,但这个函数的执行与函数名factorial紧紧耦合在一起了,要是改变了函数名,里面的函数名也要随着改变,这样很不方便,所以我们用arguments.callee来消除这种耦合。

//使用callee属性的递归阶层函数
function factorial1(num){
    if(num <= 1){
        return 1;
    }else{
        return num * arguments.callee(num-1);
    }
}

  根据callee的定义,callee是arguments对象的一个属性,指向拥有arguments对象的函数,这个函数就是factorial1 (factorial1=arguments.callee),他们指向的都是上面的递归函数。请记住函数的名字仅仅是一个包含指针的变量而已。

2.caller

  caller是函数对象的一个属性,该属性保存着调用当前函数的函数的引用(指向当前函数的直接父函数)

  返回一个对函数的引用,该函数调用了当前函数。

function a(){//父函数
    b();
    };
    function b(){
    console.info(b.caller);
    };

    a(); //结果就是弹出函数a和内容

  可以看到函数b的属性caller调用当前函数b的函数引用a(就是指向当前函数b的父函数a)

3.将callee和caller结合起来使用

function b(){
    alert(b.caller);
};

  从这个代码可以看出b函数中调用了b函数名,这样当函数名改变时就很不方便,我们需要替换里面的那个b
  前面我们知道用什么方法可以指向当前对象,下面我们就来修改一下:
  

(function a(){
    b();
})();

function b(){
    alert(arguments.callee.caller);//用arguments.callee代替了b
};

这里写图片描述

4.实例:斐波那契数列(用递归思想)

  如果一对兔子每月生一对兔子;一对新生兔,从第二个月起就开始生兔子;假定每对兔子都是一雌一雄,试问一对兔子,第n个月能繁殖成多少对兔子?(使用callee完成)

var result=[];
function fn(n){
   if(n==1){
        return 1;
    }else if(n==2){
        return 1;
    }else {
        if(result[n]){
            return result[n];
        }else{
            //arguments.callee(...)=fn(...)
            result[n]=arguments.callee(n-1)+arguments.callee(n-2);
            return result[n];
        }
    }
}
  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值