callee和caller

在之前的文章中我说到了arguments，现在来说一下他的属性callee和一个长得相似的双胞胎弟弟caller：

首先说callee，来一段代码：

    var a=function(){console.log(arguments.callee);}var b=function(){a()}b();

这段代码在chrome中输出的是：

ƒ (){console.log(arguments.callee);}

这个函数和a函数是不是一模一样？

callee返回正在执行的函数本身的引用。callee是arguments的一个属性，这个属性是一个指针，指向这个拥有arguments对象的函数，（arguments是调用函数，那么这个callee就是调用函数的啦）

首先我们来说一个用callee解决的例子，阶乘的计算：

  function factorial(num){if(num<=1){}else{return num*factorial(num-1);}}

上面的代码是用的是函数名。上述方法会增强耦合性，为了降低耦合性我们就用callee，而且无论引用函数的时候是什么名字都可以完成递归调用。看看callee：

   function factorial(num){if(num<=1){return 1;}else{return num*arguments.callee(num-1);}}

caller：和他相似的我们还有一个caller，es5中规范化了另外一个函数对象属性caller；这个属性中保存着调用当前的函数的函数引用，如果是全局作用于中调用当前的函数就返回null

a中alert出来的是null，毕竟你是在全局中调用的a的函数。b函数相当于没有用。

好了，这么多例子都不懂的话，可能是我写的太差吧。

    // var a=function(){//     alert(a.caller);// }//定义一个函数。里面输出a.caller// var b=function(){//     a();// }//定义一个函数调用那个a函数；// b();//输出b函数。

上面的例子中，是调用的b根据caller的特性就知道了答案。

    // var a=function(){//     alert(a.caller);// }//定义一个函数。里面输出a.caller// var b=function(){//     a();// }//定义一个函数调用那个a函数；// a();//null(a在任何函数中被调用，即为顶层函数，输出的就是null)，上面的例子一中，a函数是在b中调用的所以不是顶层不反悔null，返回当前的调用就是b函数啦，而这个例子是在全局中调用的自然是null

最后一个例子帮助深刻地理解顶层：要是a中也有了一个函数

var c=function(){alert(c.caller);
}
var a=function(){c()alert(a.caller);
}
var b=function(){a();
}
a();

这个例子在c中的alert出来的是a函数，原因是在a中调用。

function outer(){inner();}function inner(){
1.      alert(arguments.callee.caller);2.      alert(inner.caller)//上面的这两行是一样的1比2 的耦合性更松散3.   alert(arguments.caller);//undefined
//        3.这行代码在严格模式下会报错，但是非严格模式下就是undefined}outer();
//    说是定义argumnets.callee属性是为了分清qrguments.caller和caller
//    属性严格模式下不能为caller属性赋值，不然报错

callee和caller相关推荐

js函数的内部属性---arguments,callee，caller
在接下来的几篇文章中,我大家谈谈函数的内部属性,arguments,callee,caller (1)arguments,是一个类数组对象,其中包含了传入函数的所有参数,主要用途是,保存函数的参数: ...
ES5-13 对象属性遍历、this、callee、caller
链式调用在每个函数内部return this 访问对象属性点语法 []中括号内是字符串或是变量数组是特殊的对象对象属性遍历 for in(遍历对象或数组) - 不必再用Object.keys那 ...
[js] callee和caller的区别和作用是什么？
[js] callee和caller的区别和作用是什么? arguments.callee 指的是当前函数 Function.caller 指的是调用当前函数的函数举个例子:function a() ...
callee、caller、call、apply、bind这些方法的含义和使用
在学校时间比较充裕,所以利用这段时间好好回顾下了js的基础.这回说下这五个函数属性方法,它们分别是:callee.caller.call.apply.bind 这5个方法在刚学js的时候一直理解不透, ...
java caller_JavaScript中callee和caller的区别与用法实例分析
本文实例讲述了JavaScript中callee和caller的区别与用法.分享给大家供大家参考,具体如下: 1.callee 在函数的内部,有两个特殊的对象:arguments和this.其中arg ...
callee与caller的区别
Javascript arguments.callee和caller的区别一.callee 在学习callee之前,需要先学习arguments. arguments: 含义:该对象代表正在执行的函 ...
JavaScript中callee和caller的用法解读
1.callee: callee是对象的一个属性,该属性是一个指针,指向参数arguments对象的函数. 作用:指向当前对象. 例1: <script type="text/java ...
区分callee和caller
callee和caller是对象的两个属性,今天就来区分一下这两个: callee是arguments对象的一个属性,指向 arguments 对象的函数,即当前函数. caller是函数对象的一个属 ...
arguments.callee和caller的区别
arguments.callee和caller的区别 1.arguments arguments 是一个对应于传递给函数的参数的类数组对象. 白话就是这是一个函数的传参的集合,不是数组,但是是一个类数 ...

callee和caller

callee和caller相关推荐

最新文章

热门文章