某知名互联网公司的一道JS笔试题:有函数a,b,c,c可能是在a或b内调用的,怎么知道?
马上就想到了arguments.callee.caller,实际上有许多值得商榷的地方。如
function a(){ c(); //()调用 //c.apply(null);//apply调用 //c.call(null); //call调用 } function c(){alert(arguments.callee.caller);}
分别用不同函数调用方式测试a
a(); a.apply(null); a.call(null);
可以看到分别以上三种方式调用,c内部通过arguments.callee.caller知道自己是被谁调用的。这在所有浏览器下都是一致的。
但如果c在a内是用eval执行的呢?
function a(){ //c(); //c.apply(); //c.call(); eval('c()'); } function c(){alert(arguments.callee.caller);} a();
eval中的代码会运行在当前闭包中,即a内,所有浏览器都一致。但这次只有 IE9/Firefox/Safari/Chrome/Opera 弹出了function a,即仍然知道自己被谁调用的,IE6/7/8 中显示的是null,没有弹出是被谁调用的。
IE9/Firefox/Chrome/Opera
eval中代码能保证运行在当前闭包中(函数a内),c内部通过arguments.callee.caller也能访问被调用函数。
IE6/7/8/Safari
eval中代码能保证运行在当前闭包中(函数a内),但c内部通过arguments.callee.caller则不能访问被调用函数。
该题的答案应该是:
- 当c在a内通过小括号(),apply,call调用时,c内可通过arguments.callee.caller访问到调用函数a
- 当c在a内通过eval方式执行时,IE9/Firefox/Chrome/Opera中可通过arguments.callee.caller访问到调用函数a,IE6/7/8/Safari则不可以
各浏览器实现差异,是否知道"我被谁调用的?"与调用方式有关。
相关: