caller和callee的区别介绍及演示结果_基础知识
程序员文章站
2022-04-30 08:45:40
...
caller
var a = function() {
alert(a.caller);
}
var b = function() {
a();
}
b();
上面的代码中，b调用了a，那么a.caller返回的是b的引用，结果如下:
var a = function() {
alert(a.caller);
}
var b = function() {
a();
}
//b();
a();
输出结果:
var a = function() {
alert(arguments.callee);
}
var b = function() {
a();
}
b();
a在b中被调用，但是它返回了a本身的引用，结果如下:
caller返回一个函数的引用，这个函数调用了当前的函数。
使用这个属性要注意:
1 这个属性只有当函数在执行时才有用
2 如果在javascript程序中，函数是由顶层调用的，则返回null
functionName.caller: functionName是当前正在执行的函数。
复制代码 代码如下:
var a = function() {
alert(a.caller);
}
var b = function() {
a();
}
b();
上面的代码中，b调用了a，那么a.caller返回的是b的引用，结果如下:
如果直接调用a(即a在任何函数中被调用，也就是顶层调用),返回null:
复制代码 代码如下:
var a = function() {
alert(a.caller);
}
var b = function() {
a();
}
//b();
a();
输出结果:
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本身的引用，结果如下: