最近學(xué)習(xí)javascript，碰到caller和callee的問(wèn)題，去網(wǎng)上百度了很多。搜到的內(nèi)容大同小益，整理總結(jié)了一下與大家分享。

caller：返回一個(gè)對(duì)調(diào)用function函數(shù)的函數(shù)的引用（用法：function.caller）

說(shuō)明：對(duì)于函數(shù)來(lái)說(shuō)，caller屬性只有在函數(shù)執(zhí)行時(shí)才有定義。如果函數(shù)由頂層調(diào)用，caller則為null。

var time = 3 //控制次數(shù)，去掉會(huì)一直在caller與handleCaller交替不斷執(zhí)行
function caller() {
  caller.caller()//返回調(diào)用caller函數(shù)的函數(shù)引用
}
function handleCaller() {
  if (time > 0){
    time--
    alert(handleCaller.caller)//返回調(diào)用handleCaller函數(shù)的函數(shù)引用
    alert(caller.caller)//返回調(diào)用caller函數(shù)的函數(shù)引用
    caller()
  }
}
handleCaller()

例子分析：第一次handleCaller運(yùn)行的時(shí)候，兩個(gè)alert返回的都是null，alert(handleCaller.caller)返回null是因?yàn)樗怯身攲诱{(diào)用， alert(caller.caller)返回null是因?yàn)閏aller的默認(rèn)值是null。接下去caller()函數(shù)被調(diào)用，caller.caller返回的是調(diào)用它的函數(shù)(handleCaller)的引用，通過(guò)caller.caller()可以再次調(diào)用handleCaller函數(shù)。第二次handleCaller運(yùn)行的時(shí)候，alert(handleCaller.caller)返回的是caller代碼（其實(shí)就是caller的引用），alert(caller.caller)返回的是handleCaller代碼。因?yàn)楹瘮?shù)之間的調(diào)用關(guān)系是handleCaller->caller->handleCaller。之后就不斷在2個(gè)函數(shù)之間交替執(zhí)行。

caller指向調(diào)用當(dāng)前函數(shù)的函數(shù)，但是有一點(diǎn)，如果是在全局作用域內(nèi)（即頂層window）被調(diào)用，則返回null。
代碼走起

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

在全局調(diào)用

testCaller(); // accessed at global

在一個(gè)函數(shù)中調(diào)用

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

此時(shí)，testCaller.caller指向就是 function a

callee：返回相對(duì)應(yīng)的arguments的函數(shù)引用。(多用于匿名函數(shù)遞歸)

說(shuō)明：也許你在網(wǎng)上看到最多的是callee返回正在執(zhí)行的函數(shù)引用。我是這么理解，每個(gè)函數(shù)都有一個(gè)自己的arguments，通常是用來(lái)存放參數(shù)的。arguments有一個(gè)callee 屬性，初始值就是對(duì)應(yīng)自身的函數(shù)引用。當(dāng)你函數(shù)執(zhí)行到該語(yǔ)句時(shí)，arguments是默認(rèn)對(duì)應(yīng)的是你現(xiàn)在執(zhí)行的函數(shù)，那么arguments.callee為當(dāng)前正在執(zhí)行的函數(shù)的引用。當(dāng)然如果你有標(biāo)記過(guò)其他函數(shù)的arguments（例子中的args），自然可以用args.callee()去再次調(diào)用那個(gè)函數(shù)。

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

例子分析：例子中的arguments.callee都是默認(rèn)返回當(dāng)前正在執(zhí)行的函數(shù)的引用(a中返回a自身函數(shù)引用，c中返回c自身函數(shù)引用)，而通過(guò)用args存放a函數(shù)的arguments，在內(nèi)置函數(shù)c中使用args.callee()再次調(diào)用a函數(shù)。

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

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

這是一個(gè)極簡(jiǎn)的遞歸，運(yùn)行結(jié)果正常。

再看看下面的調(diào)用方法

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

原因也簡(jiǎn)單，b=a，b=function a(){};在b調(diào)用之前，我們用了a=null。所以在 function a 運(yùn)行的時(shí)候，其中的return x + a(x-1);中的a,指向的就是null，而不是 function a。
所以就報(bào)錯(cuò)了，如何解決這樣的問(wèn)題。我們將a換一種寫(xiě)法

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

再調(diào)用

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

原因：雖然我們將a=null了，但是函數(shù)a中并沒(méi)有用到a，而是通過(guò)arguments.callee指向當(dāng)前函數(shù)。
因?yàn)閍rguments.callee的定義就是：返回正在執(zhí)行的函數(shù)。

最新評(píng)論