js重载

转载 2013年12月02日 15:21:08

在小项目中对于JavaScript使用,只要写几个function就行了。但在大型项目中,尤其是在开发追求 良好的用户体验的网站中,如SNS,就会 用到大量的JavaScrpt,有时JavaScript的工作量胜过了C#,这时写一堆function,就会显得很乱,杂乱无章,甚至会出现命名冲突,管理和维 护起来都很麻烦。对于这种情况我们就需要使用面向对象的思想来开发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中使用这样的重载。

 

原文地址:http://www.cnblogs.com/xumingxiang/archive/2010/04/30/1725410.html

在js中是否存在重载?

java里面是存在重载的,那么js中呢?这个问题面试的时候会经常遇到。但是可以肯定的说,js中是不存在重载的,但是我们可以通过其他的方式来模拟重载,我们可以通过argument方法来实现。...
  • zhulin0519
  • zhulin0519
  • 2015年11月08日 19:19
  • 1989

JavaScript页面重载

在做网络应用时,有时会需要自动刷新页面来重新获得数据。页面重载用javascript的几种做法:1.location.reload2.history.go(0)3.location.href = lo...
  • PL_Leaf
  • PL_Leaf
  • 2007年05月11日 10:56
  • 5234

关于JS的重载

首先讲一下什么是重载?重载的定义是指函数的方法名相同,但参数不同。比如我写两个关于js的同名函数: 输出结果为NaN  9,这就说明后面的函数把前一个同名函数覆盖掉了,从而可以得出js函数不存在重载...
  • zyf__java
  • zyf__java
  • 2016年11月08日 19:13
  • 1686

js中没有函数重载

何谓重载?重载即指调用的函数会根据同名函数传入的参数的个数或类型来准确定位到定义声明的函数上执行。java中存在函数重载,如:function add(int a,int b){ //代码块 ...
  • csm0912
  • csm0912
  • 2016年09月03日 09:40
  • 559

利用Javascript的“函数重载”实现自定义Alert样式

点我显示全新的Alert窗口默认的Alert只有一个简单的对话框,而且无法自定义样式!有时候弹出的提示需要很详尽,并且显得有些冗长,那么如何让用户直接看到重点信息呢?因为系统自带的Alert无法编辑样...
  • lee576
  • lee576
  • 2008年04月09日 22:01
  • 5480

javascript利用arguments实现方法重载机制

javascript支持方法的重写,但是没有方法重载机制,那么可以模仿重载机制吗?答案是肯定的。 (在这里补充一下重写和重载的区别,笔者曾几何时一度混淆。重写是子类覆盖父类的方法,方法名/参数列表/函...
  • sun_jy2011
  • sun_jy2011
  • 2015年05月06日 09:57
  • 1561

js模拟实现重载

var obj = {}; function addMethod(object, name, fn) { var old = object[name]; object[name] = ...
  • github_37037281
  • github_37037281
  • 2017年06月30日 15:31
  • 238

html-javascript前端页面刷新重载的方法汇总

一、javascript页面刷新重载的方法: href="javascript:location.reload();">点击重新载入页面 href="javascript:history.go(...
  • u010064842
  • u010064842
  • 2015年12月19日 14:43
  • 4710

js面向对象编程:如何实现方法重载

js中如何实现方法重载?这涉及到三个问题 1同名函数的调用问题 2函数中特殊的参数arguments 3如何利用arguments实现方法重载...
  • xuexiaodong2009
  • xuexiaodong2009
  • 2014年07月01日 13:43
  • 1775

JavaScript的函数支持重载吗?

JavaScript的函数支持重载吗?对于这个问题,主要有两个点,第一,JavaScript的函数;第二,重载。         首先,说一下重载。所谓重载,简单说,就是函数或者方法有相同的名称,但...
  • fogcrane
  • fogcrane
  • 2017年01月05日 16:41
  • 2089
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js重载
举报原因:
原因补充:

(最多只允许输入30个字)