JavaScript中的callee与caller的区别

1.callee

callee是对象的一个属性,该属性是一个指针,指向参数arguments对象的函数

1 这个属性只有在函数执行时才有效
2 它有一个length属性,可以用来获得形参的个数,因此可以用来比较形参和实参个数是否一致,即比较arguments.length是否等于arguments.callee.length
3 它可以用来递归匿名函数。


作用:就是用来指向当前对象

先来看一个阶乘函数:

1
2
3
4
5
6
7
function Aaa(x){
    if(x<=1){
       return 1;
}else{
       return x*Aaa(x-1);
}
}

可以看到用到了递归函数

但是问题来了,要是改变了函数名,里面的函数名也要随着改变,这样很不方便所以我们用callee来试试 

1
2
3
4
5
6
7
function Aaa(x){
     if(x<=1){
        return 1;
}else{
        return x*arguments.callee(x-1);
}
}


 根据callee的定义,可以看出来callee是arguments对象的一个属性,指向arguments对象的函数,这个函数就是Aaa(Aaa=arguments.callee

2.caller

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

1 这个属性只有当函数在执行时才有用
2 如果在JavaScript程序中,函数是由顶层调用的,则返回null

functionName.caller: functionName是当前正在执行的函数。



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

functionName.caller

functionName 对象是所执行函数的名称。

注意:

对于函数来说,caller 属性只有在函数执行时才有定义。 如果函数是由 Javascript 程序的顶层调用的,那么 caller 包含的就是 null 。

栗子:

1
2
3
4
5
6
7
8
function a(){//父函数
    b();
    };
    function b(){
    console.info(b.caller);
    };
 
    a(); //结果就是弹出函数a和内容

 结果是:

 

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

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

1
2
3
function b(){
alert(b.caller);
};

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

1
2
3
4
5
6
7
(function a(){
b();
})();
  
function b(){
alert(arguments.callee.caller);//用arguments.callee代替了b
};

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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];
                }
            }
        }

  

 参考文档:

 https://i.cnblogs.com/EditPosts.aspx?postid=5718633

 http://www.jb51.net/article/64390.htm

 http://www.cnblogs.com/susanws/p/5715214.html


原文地址: http://www.cnblogs.com/GumpYan/p/5718633.html

发布了430 篇原创文章 · 获赞 415 · 访问量 925万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览