javascript中caller與callee詳解_javascript技巧

最近學習javascript，碰到caller和callee的問題，去網路上百度了很多。搜到的內容大同小益，整理總結了一下與大家分享。

caller：傳回一個對呼叫function函數的函數的參考（用法：function.caller）

說明：對函數來說，caller屬性只有在函數執行時才有定義。如果函數由頂層調用，caller則為null。

var time = 3 //控制次数，去掉会一直在caller与handleCaller交替不断执行
function caller() {
  caller.caller()//返回调用caller函数的函数引用
}
function handleCaller() {
  if (time > 0){
    time--
    alert(handleCaller.caller)//返回调用handleCaller函数的函数引用
    alert(caller.caller)//返回调用caller函数的函数引用
    caller()
  }
}
handleCaller()

範例分析：第一次handleCaller運行的時候，兩個alert返回的都是null，alert(handleCaller.caller)返回null是因為它是由頂層調用， alert(caller.caller)返回null是因為caller的預設值是null。接著caller()函數被調用，caller.caller返回的是調用它的函數(handleCaller)的引用，透過caller.caller()可以再呼叫handleCaller函數。第二次handleCaller運行的時候，alert(handleCaller.caller)回傳的是caller程式碼（其實就是caller的引用），alert(caller.caller)回傳的是handleCaller程式碼。因為函數之間的呼叫關係是handleCaller->caller->handleCaller。之後就不斷在2個函數之間交替執行。

caller指向調用目前函數的函數，但是有一點，如果是在全域作用域內（即頂層window）被調用，則傳回null。
程式碼走起

====================
function testCaller(){
if(testCaller.caller == null){
console.log('accessed at global');
}else{
console.log('accessed at ' + testCaller.caller);
}
}

在全域呼叫

testCaller(); // accessed at global

在一個函數中呼叫

function a(){
testCaller();
}
a(); // accessed at function a(){testCaller();} 

此時，testCaller.caller指向就是 function a

callee：傳回相對應的arguments的函數參考。 (多用於匿名函數遞歸)

說明：也許你在網路上看到最多的是callee回傳正在執行的函數參考。我是這麼理解，每個函數都有一個自己的arguments，通常是用來存放參數的。 arguments有一個callee 屬性，初始值就是對應自身的函數參考。當你函數執行到該語句時，arguments是預設對應的是你現在執行的函數，那麼arguments.callee為目前正在執行的函數的參考。當然如果你有標記過其他函式的arguments（範例中的args），自然可以用args.callee()去再次呼叫那個函式。

function a(){
  alert(arguments.callee)
  var args = arguments
  function c(){
    alert(arguments.callee)
    args.callee()
  }
  c()
}
a()

範例分析：例子中的arguments.callee都是預設回傳目前正在執行的函式的參考(a中傳回a自身函式引用，c中傳回c自身函式引用)，而用args存放a函式的arguments ，在內建函數c中使用args.callee()再次呼叫a函數。

====================
function a(x){

if(x<=1)
return x;
else
return x + a(x-1);
}
a(12) // 78

這是一個極簡的遞歸，運作結果正常。

再看看下面的呼叫方法

var b = a;
a = null; // 将a回收
b(12); // erro : 'a' is not a function

原因也簡單，b=a，b=function a(){};在b呼叫之前，我們用了a=null。所以在 function a 運行的時候，其中的return x a(x-1);中的a,指向的就是null，而不是 function a。
所以就報錯了，如何解決這樣的問題。我們將a換一種寫法

function a(x){
if(x<=1)
return x;
else
return arguments.callee(x-1); // 这句是改变的地方
}

再呼叫

var b = a;
a = null;
b(12); // 78

原因：雖然我們將a=null了，但是函數a中並沒有用到a，而是透過arguments.callee指向目前函數。
因為arguments.callee的定義是：傳回正在執行的函數。