JavaScript中的方法重载
2015-08-10 11:26
555 查看
本文转自(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发展如此之快,几乎摆脱了之前面向过程的编程进入了面向对象编程,相信很快会解决这个问题了。
对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发展如此之快,几乎摆脱了之前面向过程的编程进入了面向对象编程,相信很快会解决这个问题了。
相关文章推荐
- json跨域请求报错
- json小结
- Json还可以这样用
- js监听浏览器,关闭,刷新(兼容IE6+,Firefox,Chrome,Safari)
- 后台调用js,给同一个事件绑定一个方法
- Js://计算天数
- js绑定事件方法:addEventListener与attachEvent的不同浏览器的兼容性写法
- js如何执行函数
- javascript中caller和callee详解
- javascript 延长作用域链 与没有块级作用域
- HTML和JavaScript函数之间的关系
- jsp页面通过uploadfile工具上传文件
- javascript中$(function() {});写与不写有哪些区别
- 通过firefox插件firebug获取webqq群和群成员的javascript脚本
- Javascript模块化编程(三):require.js的用法
- JS函数式编程【译】3.1 Javascript的函数式库
- JS 节流阀
- 使用JDeveloper 11g 发布Web应用(基于ADF、EJB、JPA、JSF)
- 处理JSON格式的数据
- jsp页面时间显示问题