Javascript 面向对象之重载
时间：2020-11-01 14:23:20|栏目：JavaScript代码|点击： 次
上几节讲了 JavaScript 面向对象之命名空间 、 javascript 面向对象的JavaScript类 与 JavaScript 面向对象的之私有成员和公开成员 ，大家可以先看上面的再继续往下看。
假如 我这样定义：
function getDate(){.....}
function getDate(date){.....}
那么后一个方法将覆盖前一个，虽然不报错。
但是我们确实是可以实现重载的，如果你用过jQuery,你就会深有体会，比如$("#btn").val() 是获取id为"btn"的按钮的value值，而$("#btn").val("点我")则是给id为"btn"的按钮赋值。
那么JavaScript是怎么实现（准确地讲应该叫“模拟”）的呢?。
答案很简单：arguments
arguments是JavaScript里的一个内置对象，包含了调用者传递的实际参数，但不局限于函数声明所定义的参数列表，而调用时只它和数组一样有个length属性。
我们暂且把它当“数组”来理解吧，我们根据该数组的长度以及其元素的类型来选择不同的实现，从而模拟了重载。
具体请看下面的示例：
function getDate(){
if(arguments.length==0){
var date=new Date().toLocaleDateString();
return "您没有输入参数，现在时间："+date ;
}
if(arguments.length==1){
if(arguments[0].constructor ==Date){
return "您输入的参数是Date类型，现在时间是："+arguments[0].toDateString();
}
if(arguments[0].constructor ==String){
return "您输入的参数是String类型，现在时间是："+arguments[0];
}
}
}
于是我们可以这样调用:
getDate()
getDate(new Date())
getDate("星期一")
这样就实现了JavaScript的重载，不过我们发现这样的“实现”实在是太勉强了，如果参数多了，就会显得力不从心，代码也会很乱，到处是if{...} 。所以我不建议在JavaScript中使用这样的重载。
假如 我这样定义：
复制代码 代码如下:
function getDate(){.....}
function getDate(date){.....}
那么后一个方法将覆盖前一个，虽然不报错。
但是我们确实是可以实现重载的，如果你用过jQuery,你就会深有体会，比如$("#btn").val() 是获取id为"btn"的按钮的value值，而$("#btn").val("点我")则是给id为"btn"的按钮赋值。
那么JavaScript是怎么实现（准确地讲应该叫“模拟”）的呢?。
答案很简单：arguments
arguments是JavaScript里的一个内置对象，包含了调用者传递的实际参数，但不局限于函数声明所定义的参数列表，而调用时只它和数组一样有个length属性。
我们暂且把它当“数组”来理解吧，我们根据该数组的长度以及其元素的类型来选择不同的实现，从而模拟了重载。
具体请看下面的示例：
复制代码 代码如下:
function getDate(){
if(arguments.length==0){
var date=new Date().toLocaleDateString();
return "您没有输入参数，现在时间："+date ;
}
if(arguments.length==1){
if(arguments[0].constructor ==Date){
return "您输入的参数是Date类型，现在时间是："+arguments[0].toDateString();
}
if(arguments[0].constructor ==String){
return "您输入的参数是String类型，现在时间是："+arguments[0];
}
}
}
于是我们可以这样调用:
复制代码 代码如下:
getDate()
getDate(new Date())
getDate("星期一")
这样就实现了JavaScript的重载，不过我们发现这样的“实现”实在是太勉强了，如果参数多了，就会显得力不从心，代码也会很乱，到处是if{...} 。所以我不建议在JavaScript中使用这样的重载。
上一篇：Javascript异步编程模型Promise模式详细介绍
栏 目：JavaScript代码
下一篇：js时间日期格式化封装函数
本文标题：Javascript 面向对象之重载
本文地址：http://www.codeinn.net/misctech/18062.html
