javascript的stack overflow

写一个很简单的页面和脚本

 1 < html >
 2 < head >
 3 < title > fanweixiao's test </ title >
 4 < script  type ="text/javascript" >
 5function onclick()
 6{
 7    alert('范维肖');
 8}
 9 </ script >
10 </ head >
11 < body >
12 < input  type ="button"  id ="btn1"  onclick ="onclick();"  value ="go" />
13 </ body >

 

相当简单的程序，在firefox上跑是没有问题的，但是在ie上就是没有预想的结果。很失误的随便起来一个叫onclick的function name，后来在这里找到了对该问题的解释：

onclick 事件触发后先在当前的上下文（btn1对象）中寻找，然后再作用域链（scope chain）和global function里找，当在当前上下文中找onclick（="onlick"，要执行的函数），但是不巧的是btn1里有一个属性叫onclick了（就是这个event），他的值又是onclick，因此无限产生了递归调用。最终导致stack overflow。

而firefox很酷的在假死了一会后正确的显示出了结果，不过firebug提示了一个错误：

firefox很酷的知道有太多的递归，但是最酷的是他最终能执行到我们定义的onlick()，是不是ff会在发现死循环后破坏规则去global里找到了真正的onclick？希望有知道内情的朋友指点一下。

转载于:https://www.cnblogs.com/fanweixiao/archive/2008/09/02/1281675.html