js的callee和caller方法

转载:http://www.css88.com/archives/1706

http://www.jb51.net/article/25561.htm

这里我们可以知道:

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 的一个属性成员(caller不是arguments 的一个属性成员),它表示对函数对象本身的引用,这有利于匿名 

函数的递归或者保证函数的封装性。 下面一段代码先说明callee的用法,实例代码摘自网上 

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的应用场景 主要用于察看函数本身被哪个函数调用

 

posted @ 2016-11-24 11:01  飘然离去  阅读(351)  评论(0编辑  收藏  举报