caller与callee[通俗易懂]

全栈程序员-用户IM • 2022年10月25日上午10:46 • 未分类

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46，售后保障稳定

这两个对象，是用于判断函数调用和执行的对象函数的。其中，arguments.callee返回当前正在执行的函数，func.caller返回函数的调用体所在函数。而arguments.caller永远返回undefined。如果调用函数是在全局进行，那么func.caller将返回null。注意，在严格模式下这两个对象将被禁用。

我们举刚才的一个代码为例：

[javascript]
view plain
 copy

    
       
 function getAbs(num) {  
     function isNegative(num) {  
         console.log(isNegative.caller); // getAbs  
         console.log(arguments.callee);  // isNegative  
         return num < 0;  
     }  
     return isNegative(num) ? -num : num;  
 }  
 var a = getAbs(-1);  

你可以将这段代码运行一下，会发现，arguments.callee永远指向函数本身，而函数名.caller将指向调用该函数的代码所在函数，例如本例中即为getAbs。不过如果通过函数名.caller来寻找的话，耦合度太高。我们可以把两个结合起来，

[javascript]
view plain
 copy

    
       
 function getAbs(num) {  
     function isNegative(num) {  
         console.log(arguments.callee)  
         console.log(arguments.callee.caller)  
         return num < 0;  
     }  
     return isNegative(num) ? -num : num;  
 }  
 var a = getAbs(-1);  

有人问这个有什么用？这个严格的来说不是太有用，而且其安全性有问题，否则严格模式也不会禁用掉这两个对象了。但说没用也是不可能的，要不然也不会出现这两个东西了。

首先，这个在调试的时候特别有效，可以帮我们理清代码执行顺序，或者寻找bug；

其次，可以用这两个变量实现一些花哨的技巧，例如我们实现斐波那契数，正常做法是这样：

[javascript]
view plain
 copy

    
       
 function fib(num) {  
     if(num == 1 || num == 2) {  
         return 1;  
     }  
     return fib(num – 1) + fib(num – 2);  
 }  
 var b = fib(6); // 8  

但是这样的坏处在于我们如果要更改个函数名，我们将同时修改三个地方（调用的暂时不论）。我们可以用我们刚学到的东西来解决这个问题：

[javascript]
view plain
 copy

    
       
 function fib(num) {  
     if(num == 1 || num == 2) {  
         return 1;  
     }  
     return arguments.callee(num – 1) + arguments.callee(num – 2);  
 }  
 var b = fib(6); // 8  