caller跟callee的区别介绍及演示结果

caller和callee的区别介绍及演示结果
caller返回一个函数的引用,这个函数调用了当前的函数;callee放回正在执行的函数本身的引用,它是arguments的一个属性,感兴趣的你可以参考下或许可以帮助到你
 
 

Caller

caller返回一个函数的引用,这个函数调用了当前的函数。

使用这个属性要注意:

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

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

复制代码代码如下:

var a = function() { 
alert(a.caller); 

var b = function() { 
a(); 

b();

上面的代码中,b调用了a,那么a.caller返回的是b的引用,结果如下:

 

caller跟callee的区别介绍及演示结果

如果直接调用a(即a在任何函数中被调用,也就是顶层调用),返回null:

复制代码代码如下:

var a = function() { 
alert(a.caller); 

var b = function() { 
a(); 

//b(); 
a();

输出结果:

 

caller跟callee的区别介绍及演示结果

callee

callee放回正在执行的函数本身的引用,它是arguments的一个属性

使用callee时要注意:

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

复制代码代码如下:

var a = function() { 
alert(arguments.callee); 

var b = function() { 
a(); 

b();

a在b中被调用,但是它返回了a本身的引用,结果如下:

 

caller跟callee的区别介绍及演示结果