JavaScript中caller与callee属性的详解及使用示例

caller属性详解

一、caller

该属性返回一个对函数的引用，该函数即为调用当前函数的外层函数。

functionName.caller

其中 functionName 代表当前正在执行函数的名称。

说明

对于函数而言，caller 属性仅在函数执行期间存在定义。若该函数是由 JavaScript 程序的顶层代码直接调用，则 caller 属性的值为 null。

以下示例展示了 caller 属性的具体用法：

function callerDemo() {
if ( arguments.caller) {
var a= callerDemo.caller.toString();
alert(a);
} else {
alert("this is a top function");
    }
}
function handleCaller() {
callerDemo();
}
handleCaller();
function calleeDemo() {
alert(arguments.callee);
}
calleeDemo();

callee属性详解

二、callee

该属性返回当前正在执行的 Function 对象，即所指定 Function 对象的代码正文。

[function.]arguments.callee\n可选项 function 参数表示当前正在执行的 Function 对象的名称。

说明

callee 属性的初始值即为当前正在执行的 Function 对象。

callee 属性是 arguments 对象的一个成员，它表示对函数对象本身的引用。这一特性有利于匿名函数的递归调用或确保函数的封装性，如下方示例所示的递归计算1到n的自然数之和。该属性仅在相关函数正在执行时可用。此外，callee 拥有 length 属性，这在某些场景下可用于验证。arguments.length 表示实际传入参数的长度，而 arguments.callee.length 表示函数定义时的形参长度，通过比较二者可判断调用时形参与实参长度是否一致。

示例

//callee可以打印其本身
function calleeDemo() {
alert(arguments.callee);
}
//用于验证参数
function calleeLengthDemo(arg1, arg2) {
if (arguments.length==arguments.callee.length) {
window.alert("验证形参和实参长度正确！");
return;
} else {
alert("实参长度：" +arguments.length);
alert("形参长度： " +arguments.callee.length);
     }
}
//递归计算
var sum = function(n){
if (n < = 0)
return 1;
else
return n ＋arguments.callee(n - 1)
}

比较一般的递归函数：

var sum = function(n){\n if (1==n) return 1;\nelse return n + sum (n-1);

调用时：alert(sum(100));

其中函数内部包含了对sum自身的引用，函数名仅仅是一个变量名，在函数内部调用sum即相当于调用一个全局变量，不能很好的体现出是调用自身，这时使用callee会是一个比较好的方法。