JavaScript中的方法重载

对js有些了解的人都知道，在js中根本就不存在像C#中的那种方法重载，而有的只是方法的覆盖，当你在js中敲入两个或多个同名的方法的时候，不管方法（函数）的参数个数怎么个不同，这个方法名只能属于最后定义的那个函数。也就是说后一个方法会把前面同名的方法给覆盖掉。

我们看一段下面的代码：

[html] view plain copy

1. <span style="font-size:16px;"><script type="text/javascript">  
2.         function sayHi() {  
3.             alert("你好，我是第一个sayHi方法！");  
4.         }  
5.         function sayHi() {  
6.             alert("你好，我是第二个sayHi方法！");  
7.         }  
8.         function sayHi() {  
9.             alert("你好，我是第三个sayHi方法！");  
10.         }  
11.         sayHi();  
12. </script></span>  

在浏览器中查看的结果是：你好，我是第三个sayHi方法！

可见，最后一个方法已经把前面同名的两个方法覆盖掉了。这就是js中鼎鼎有名的方法覆盖问题。

 

那么在js中难道就不可以实现方法重载了吗？

我们再来看下面这段代码:

[html] view plain copy

1. <span style="font-size:16px;"><script type="text/javascript">  
2.         function sayHi() {  
3.             if (arguments.length==1) {  
4.                 alert(arguments[0] + "你好，我是第一个sayHi方法！");  
5.             } else if (arguments.length == 2) {  
6.                 alert(arguments[0] + "," + arguments[1] + "你好，我是第二个sayHi方法！");  
7.             } else if (arguments.length == 3) {  
8.                 alert(arguments[0] + "," + arguments[1]+","+arguments[2] + "你好，我是第三个sayHi方法！");  
9.             }  
10.         }  
11.         sayHi("Tom");  
12.         sayHi("Tom", "lucy");      
13.         sayHi("Tom","lucy","jame");  
14. </script></span>  

在浏览器中查看时会依次弹出三个消息框，调用sayHi方法中因参数个数不同而分的这三种不同情况。

       这样看来，上面的方法很类似于C#中的方法重载，可以根据传入参数的不同类分别调用属于自己的分支。

注：不能完全类似于C#众的方法重载，因为没有办法根据传入参数的类型来调用属于自己的重载方法。

不过现在的js发展如此之快，几乎摆脱了之前面向过程的编程进入了面向对象编程，相信很快会解决这个问题了。