Javascript 面向对象之重载_js面向对象-js教程-PHP中文网

Javascript 面向对象之重载_js面向对象

php中文网

发布： 2016-05-16 18:28:11

原创

2090人浏览过

上几节讲了 JavaScript 面向对象之命名空间、 javascript 面向对象的JavaScript类与 JavaScript 面向对象的之私有成员和公开成员，大家可以先看上面的再继续往下看。

假如我这样定义：

旭东多语言企业网站管理系统XDcms3.0.1

XDcms是南宁旭东网络科技有限公司推出的一套完全开源的通用的内容管理系统。主要使用php+mysql+smarty技术基础进行开发，XDcms采用OOP(面向对象)方式进行基础运行框架搭建。模块化开发方式做为功能开发形式。框架易于功能扩展，代码维护，二次开发能力优秀。 XDcms重点功能 A、内容管理模型，自定义字段，更方便扩展功能。自带模型：单页模型、新闻模型、产品模型、招聘模型 B、栏目自定

查看详情

复制代码代码如下:

 
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如何实现多线程_Web Worker有哪些使用限制为什么JavaScript的测试是必要的_有哪些流行的测试框架？ javascript中的服务端渲染如何工作_与客户端渲染有何不同 javascript的React Hooks是什么_如何使用useState和useEffect？怎样进行JavaScript国际化_多语言支持如何实现