岁月联盟 - 技术社区 - BBS.SYUE.COM's Archiver

小路 发表于 2006-9-19 23:49

Javascript 两种 function 定义的区别

<font face="宋体" size="1">大家都知道Javascript&nbsp;有两个种定义Function的方法非常常用。例如<br/><br/>&nbsp;<span style="COLOR: blue;">function&nbsp;</span>a(){<span style="COLOR: blue;">alert</span>(<span style="COLOR: red;">"a"</span>)}<br/>&nbsp;<span style="COLOR: blue;">var&nbsp;</span>a&nbsp;=&nbsp;<span style="COLOR: blue;">function</span>(){<span style="COLOR: blue;">alert</span>(<span style="COLOR: red;">"a"</span>)}<br/><br/>虽然两个种方式定义出来的&nbsp;function&nbsp;调用的时候结果一样,但是中间还是有区别的。举个简单的例子,假如我们要重定义&nbsp;a()&nbsp;,而且新的方法要继承&nbsp;a()&nbsp;里面所有方法并且进行其他扩展的话。就可以明显看到这两个方式的区别了。<br/><br/>1.&nbsp;首先,我们先建立一个临时的变量来存储&nbsp;a()<br/>&nbsp;&nbsp;&nbsp;var&nbsp;b&nbsp;=&nbsp;a;<br/><br/>然后,重新定义a()<br/>&nbsp;第一种方式:<br/>&nbsp;<span style="COLOR: blue;">function&nbsp;</span>a(){<br/>&nbsp;&nbsp;&nbsp;&nbsp;b();<br/>&nbsp;&nbsp;&nbsp;&nbsp;<span style="COLOR: blue;">alert</span>(<span style="COLOR: red;">"ok"</span>);<br/>&nbsp;}<br/><br/>&nbsp;第二种方式:<br/>&nbsp;a&nbsp;=&nbsp;<span style="COLOR: blue;">function</span>(){<br/>&nbsp;&nbsp;&nbsp;&nbsp;b();&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;<span style="COLOR: blue;">alert</span>(<span style="COLOR: red;">"ok"</span>);<br/>&nbsp;}<br/><br/>这是大家可以尝试发现。第一种方式重新定义的&nbsp;a()&nbsp;会出现堆栈溢出的错误。而第二种方式却成功保留了原来&nbsp;a()&nbsp;所执行的脚本,成功&nbsp;alert&nbsp;出了&nbsp;"a"&nbsp;"ok"&nbsp;的字样,说明&nbsp;a()&nbsp;的方法被重定义了。<br/><br/>这里就可以很明显区分两个方式的区别了。定义的顺序不同。<br/>第一种,刚开始其实没有重新定义&nbsp;a&nbsp;这个function&nbsp;而在里面执行了其本身。<br/>第二种方式,&nbsp;a&nbsp;=&nbsp;function&nbsp;()&nbsp;这里没有执行到&nbsp;function&nbsp;里面的代码&nbsp;a&nbsp;已经被重新定义了。所以这里的重定义是有效的。 </font>

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.