passer1991

JS方法重写

from http://www.cnblogs.com/aooyu/archive/2009/12/11/1621904.html


1.HTML的是被浏览器按顺序解析的,那么我们看下面的例子 

HTML code
<!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><script type="text/javascript" src="1.js"/><script type="text/javascript">function fnTest(){ alert("show me second!"); } </script></head><body><input type="button" value="clickMe" onclick="fnTest()"/></body></html>


先引入了 <script type="text/javascript" src="1.js"/>如下: 

JScript code
function fnTest(){ alert("show me first!"); }


这时点击clickMe弹出的是show me second!先不说明. 
我们再看下面的例子: 

HTML code
<!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><script type="text/javascript">function fnTest(){ alert("show me second!"); } </script><script type="text/javascript" src="1.js"/></head><body><input type="button" value="clickMe" onclick="fnTest()"/></body></html>


<script type="text/javascript" src="1.js"/>作为后来引入的,如下: 

JScript code
function fnTest(){ alert("show me first!"); }


这时点击clickMe弹出的是show me first! 
这个很好理解,因为浏览器按顺序解析的,先创建的fnTest()就被后创建的fnTest()覆盖了.那么这是为什么呢?我们来看第二点: 
2.javascript方法其实是个引用 

JScript code
function fnTest(){ alert("show me first!"); } //相当于:var fnTest =new Function("alert('show me first!')"); function fnTest(){ alert("show me second!"); } //相当于:var fnTest =new Function("alert('show me second!')"); //那么结果是:var fnTest =new Function("alert('show me first!')"); var fnTest =new Function("alert('show me second!')");


最后就是按靠后调用的.先创建的方法将不被调用.得到的是show me second!

posted on 2014-02-11 16:57  passer1991  阅读(266)  评论(0)  编辑  收藏  举报

导航