js中的caller和callee屬性

caller
返回一個對函數的引用，該函數調用了當前函數。

functionName.caller

functionName 對象是所執行函數的名稱。

說明
對於函數來說，caller 屬性只有在函數執行時才有定義。 如果函數是由 Javascript 程序的頂層調用的，那么 caller 包含的就是 null 。
下面的例子說明了 caller 屬性的用法：

js 代碼:

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

返回正被執行的 Function 對象，也就是所指定的 Function 對象的正文。

[function.]arguments.callee
可選項 function 參數是當前正在執行的 Function 對象的名稱。

說明

callee 屬性的初始值就是正被執行的 Function 對象。

callee 屬性是 arguments 對象的一個成員，它表示對函數對象本身的引用，這有利於匿名函數的遞歸或者保證函數的封裝性，例如下邊示例的遞歸計算1到n的自然數之和。而該屬性僅當相關函數正在執行時才可用。還有需要注意的是callee擁有length屬性，這個屬性有時候用於驗證還是比較好的。arguments.length是實參長度，arguments.callee.length是形參長度，由此可以判斷調用時形參長度是否和實參長度一致。

示例

js 代碼:

//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)
}

 

比較一般的遞歸函數：

js 代碼:

var sum = function(n) {
if (1 == n)
return 1;
else
return n + sum(n - 1);
}

 

調用時：alert(sum(100));
其中函數內部包含了對sum自身的引用，函數名僅僅是一個變量名，在函數內部調用sum即相當於調用
一個全局變量，不能很好的體現出是調用自身，這時使用callee會是一個比較好的方法