http://www.cnblogs.com/funlake/archive/2009/04/07/1431238.html
以上这篇文章写的很好，转至如下，
先从一个简单的例子说起，一个简单的button控件如下:
<
input
type
='button'
name
='mybtn'
id
='mybtn'
onclick
='myFunc()'
/>
然后为其注册事件，这样的情况，怎么在javascript里获取event呢，特别是firefox的情况。请看:
<
script
type
='text/javascript'
>
function
myFunc(){
var
ev
=
window.event
||
arguments.callee.caller.arguments[
0
]
,et = ev.srcElement || ev.target;
alert(et.tagName);
}
</
script
>
不出意外的话，在ie/ff下，上面例子都将输出INPUT,即是触发click事件节点的标签名，ie的event获取这里就不说了，重点说说ff下的情况。
这里的arguments.callee.caller.arguments[0]看起来又长又怪，为什么在firefox的情况下，这个东西就是event呢？
首先得了解arguments.callee是什么东西,caller又是什么样的属性？
argments.callee就是函数体本身，arguments.callee.caller就是函数体的调用函数体
简单例子如下:
<
script type
=
'
text/javascript
'
>
function
a(){
b();
}
function
b(){
alert(b
===
arguments.callee)
alert(b.caller
===
a)
alert(arguments.callee.caller
===
a)
}
a();
<
/
script>
不出意外，上面的例子将输出3个true,表明当a()调用时，函数b与函数a的关系。
好，弄清楚了arguments.callee与caller，我们再把原先的例子改改，
<
script type
=
'
text/javascript
'
>
function
myFunc(){
alert(arguments.callee.caller.toString())
var
ev
=
window.event
||
arguments.callee.caller.arguments[
0
]
,et
=
ev.srcElement
||
ev.target;
}
<
/
script>
我们把argument.callee.caller的函数体输出，看看到底在ie和ff下有何区别.
可以看到ie下输出为
function
anonymous(){
myFunc()
}
ff下输出为
function
onclick(event){
myFunc();
}
由此看出在html控件中直接注册事件
在ie/ff下表现的不同， ie下定义了一个匿名函数，内部再执行用户定制的函数(myFunc)，而ff下则有所
不同，首先ff下定义了一个与节点事件同名的函数,这里是onclick事件，所以是function onclick,然后event作为一个参数传入，内部再执行myFunc.
所以当事件触发时，在myFunc里，argument.callee.caller就是指向function onclick，当然，argument.callee.caller.arguments[0]即为event了.
以上为转载内容。
我使用2级注册事件来测试一下，
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<input type='button' name='mybtn' id='mybtn' />
<script type='text/javascript'>
function myFunc(){
alert(arguments.callee.caller.toString())
var ev = window.event || arguments.callee.caller.arguments[0] ,et = ev.srcElement || ev.target;
}
function myFunc2( e ){
alert(e);
alert(arguments[0]);
}
function a(){
b();
}
function b(){
alert(b === arguments.callee)
alert(b.caller === a)
alert(arguments.callee.caller === a)
}
function addEventHandler(oTarget, sEventType, fnHandler) {
if (oTarget.addEventListener) {
oTarget.addEventListener(sEventType, fnHandler, false);
} else if (oTarget.attachEvent) {
oTarget.attachEvent("on" + sEventType, fnHandler);
} else {
oTarget["on" + sEventType] = fnHandler;
}
};
var BindAsEventListener_t = function(object, fun) {
var args = Array.prototype.slice.call(arguments).slice(2);
return function() {
return fun.apply(object, [arguments[0] || window.event].concat(args));
}
}
addEventHandler( document.getElementById("mybtn") , "click" , myFunc ); //1
//addEventHandler( document.getElementById("mybtn") , "click" , myFunc2); //2
//myFunc2();
</script>
</body>
</html>
会发现，firebug会提示“arguments.callee.caller is null
” 。
分享到：
相关推荐
由于`arguments.callee`的性能问题和不推荐使用，我们可以采用以下几种方法来替代它： 1. **函数命名**：最简单的方法是在内部定义一个函数，并给它一个名字。这样，函数就可以通过这个名字来引用自身，实现递归。...
1. **性能问题**：由于`arguments.callee`涉及函数的隐式引用，这可能导致性能下降，因为JavaScript引擎无法进行某些优化。 2. **非严格模式下禁用**：在ES5的严格模式下，使用`arguments.callee`会抛出错误，这是...
JavaScript中的隐含参数`arguments`, `callee`, 和 `caller`是函数内部的特殊变量，它们提供了关于函数调用的重要信息。下面将详细解释这三个参数的使用方法。 **arguments对象** `arguments`对象是一个非常有用的...
在JavaScript编程中，arguments、caller和callee是函数对象自带的三个隐含参数，它们为开发者提供了额外的函数执行信息，尤其在处理函数参数、递归调用以及调用栈追踪时非常有用。下面详细介绍这些隐含参数的使用...
关于arguments,callee,caller等的测试 function testArg() { var sTemp =”test()开始执行\n\n函数定义的正文：\n\n”; sTemp+=arguments.callee + “\n\n”; sTemp+=”传入参数的长度：\n”; sTemp+=arguments....
JavaScript中的arguments、caller和callee是与函数调用相关的几个重要概念，它们分别代表函数调用时传递的参数对象、调用当前函数的函数以及当前正在执行的函数。 首先，我们来了解arguments。在JavaScript中，当...
在JavaScript中，arguments、caller、callee和apply是四个与函数调用相关的特性，它们在编写高级和复杂的函数逻辑时非常有用。下面将详细介绍这些概念及其用法。 1. **arguments对象** arguments对象是一个特殊...
在JavaScript中，`caller` 和 `callee` 是与函数相关联的两个属性，它们提供了函数调用和被调用的上下文信息。了解这两个属性的用法，对于深入理解JavaScript中的函数执行机制非常有帮助。 首先来看`caller`属性。`...
通过使用`arguments.callee.caller.arguments[0]`来获取事件对象、通过`event.target`或`event.srcElement`来获取触发事件的元素、以及通过`element.parentNode`或`element.parentElement`来获取父元素等方法，可以...
首先，Arguments对象是一个伪数组对象，这意味着它拥有一个length属性，并且可以通过索引（如arguments[0]、arguments[1]等）来访问各个参数值。然而，它并不完全符合数组的行为，不支持数组的一些内置方法，如push...
在这个例子中，`arguments.callee.length`会得到函数定义时的参数数量，而`arguments.length`会得到调用时的参数数量。通过比较这两个值，可以验证函数调用时参数数量的正确性。 需要注意的是，由于`caller`和`...
这篇文章将深入探讨四个关键概念：caller、callee、call和apply，它们都是JavaScript函数操作的核心部分，对于理解和使用高级JavaScript编程至关重要。 首先，我们来了解`caller`和`callee`。在JavaScript的函数...
在这段代码中，如果`window.event`为空（即在Firefox中），我们将尝试通过`arguments.callee.caller.arguments[0]`获取`event`对象。`ev.srcElement`和`ev.target`用于兼容IE和Firefox获取触发事件的元素。 理解`...
6. **`arguments.callee`和`arguments.caller`**： 在ES5及之前，`arguments.callee`引用当前执行的函数，`arguments.caller`则返回调用当前函数的函数。然而，由于这些属性可能导致性能问题和难以调试的代码，它们...
然而，需要注意的是，由于性能和可读性的问题，现代JavaScript实践中，`callee`和`caller`的使用已经逐渐减少，更多的倾向于使用闭包、命名函数表达式以及模块化等技术来解决相同的问题。了解这些概念对理解...
由于`onclick`处理程序的参数是`event`对象，所以我们可以通过`arguments.callee.caller.arguments[0]`获取到它。如果浏览器不支持`arguments.callee`（如在严格模式下），则会退回到`window.event`，这是IE和旧版本...
var e = arguments.callee.caller.arguments[0] || window.event; } ``` 这种方法在Firefox和Chrome中有效，但不适用于Internet Explorer，因为它不支持`arguments.callee`。 详细测试总结： - **方法一**：在...