zoukankan      html  css  js  c++  java
  • JavaScript中的方法重载

       本文转自(http://blog.csdn.net/yhc0322/article/details/6911480

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

    我们看一段下面的代码:


     <span style="font-size:16px;"><script type="text/javascript">  
            function sayHi() {  
                alert("你好,我是第一个sayHi方法!");  
            }  
            function sayHi() {  
                alert("你好,我是第二个sayHi方法!");  
            }  
            function sayHi() {  
                alert("你好,我是第三个sayHi方法!");  
            }  
            sayHi();  
    </script></span> 

    在浏览器中查看的结果是:你好,我是第三个sayHi方法!

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

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

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


     <span style="font-size:16px;"><script type="text/javascript">  
                function sayHi() {  
                    if (arguments.length==1) {  
                        alert(arguments[0] + "你好,我是第一个sayHi方法!");  
                    } else if (arguments.length == 2) {  
                        alert(arguments[0] + "," + arguments[1] + "你好,我是第二个sayHi方法!");  
                    } else if (arguments.length == 3) {  
                        alert(arguments[0] + "," + arguments[1]+","+arguments[2] + "你好,我是第三个sayHi方法!");  
                    }  
                }  
                sayHi("Tom");  
                sayHi("Tom", "lucy");      
                sayHi("Tom","lucy","jame");  
        </script></span>  

     

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

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

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

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

  • 相关阅读:
    runtest.sh
    写代码:简单的三元运算
    写代码:用户交互显示类似省市县三级联动的选择
    写代码:列举布尔值是False的所有值
    写代码:求集合
    写代码:利用For循环和while输出1-100
    写代码:利用for循环和range输出9*9乘法表
    写代码:查找列表中元素,移除每个元素的空格,并查找以a或A开头并且以c结尾的元素。
    写代码:利用下划线将列表的每个元素拼接成字符串,li=["alex","eric","rain"]
    写代码:购物车程序
  • 原文地址:https://www.cnblogs.com/wuxiang/p/4717481.html
Copyright © 2011-2022 走看看