JS中callee与caller的用法和应用场景 _博文列表

JS中callee与caller的用法和应用场景

网络 2015/3/20 16:37:05
javascript中callee和caller的用法和应用场景分析，需要的朋友可以参考下。

caller :
functionName.caller 返回调用者。

看看下面的函数：
```
function caller() {
    if (caller.caller) {
        alert(caller.caller.toString());
    } else {
        alert("函数直接执行");
    }
}
function handleCaller() {
    caller();
}
handleCaller();
caller();
```
大家会发现第一个alert会弹出调用caller函数的调用者handleCaller，而第二个alert由于没有在其他函数体内调用,所以caller为null,就执行了 alert("函数直接执行");

callee:
返回正被执行的 Function 对象，也就是所指定的 Function 对象的正文.
callee是arguments 的一个属性成员，它表示对函数对象本身的引用，这有利于匿名函数的递归或者保证函数的封装性。

看看下面代码：
```
function calleeLengthDemo(arg1, arg2) {
    alert(arguments.callee.toString());
    if (arguments.length == arguments.callee.length) {
        window.alert("验证形参和实参长度正确！");
        return;
    } else {
        alert("实参长度：" + arguments.length);
        alert("形参长度： " + arguments.callee.length);
    }
}
calleeLengthDemo(1);
```
第一个消息框弹出calleeLengthDemo函数本身,这说明callee就是函数本身对象的引用。callee还有个非常有用的应用就是用来判断实际参数跟行参是否一致。上面的代码第一个消息框会弹出实际参数的长度为1，形式参数也就是函数本身的参数长度为2.

应用场景：
callee的应用场景一般用于匿名函数

代码如下：
```
var fn=function(n){ 
    if(n>0) return n+fn(n-1); 
    return 0; 
} 
alert(fn(10))
```
函数内部包含了对自身的引用，函数名仅仅是一个变量名，在函数内部调用即相当于调用一个全局变量，不能很好的体现出是调用自身，这时使用callee会是一个比较好的方法

代码如下：
```
var fn=(function(n){ 
    if(n>0) return n+arguments.callee(n-1); 
    return 0; 
})(10); 
alert(fn)
```
这样就让代码更加简练。又防止了全局变量的污染。
caller的应用场景主要用于察看函数本身被哪个函数调用。
阅读(1504) 分享(0)

上一篇: Js不传参数来获取事件对象
下一篇: 黑客告诉你什么样的密码才不会泄露信息