博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS重载
阅读量:5763 次
发布时间:2019-06-18

本文共 1576 字,大约阅读时间需要 5 分钟。

在小项目中对于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中使用这样的重载。

转载于:https://blog.51cto.com/1197822/2156339

你可能感兴趣的文章
编译安装LNMP
查看>>
git学习,git上建立自己的项目
查看>>
[转]基于display:table的CSS布局
查看>>
企业级 SpringBoot 教程 (二)Spring Boot配置文件详解
查看>>
crm 02--->讲师页面及逻辑
查看>>
Docker: 如何修改 Docker 的镜像存储位置
查看>>
AS3.0 Bitmap类实现图片3D旋转效果
查看>>
Eigen ,MKL和 matlab 矩阵乘法速度比较
查看>>
测试中的基本概念
查看>>
普通项目经理和资深项目经理的7大差距
查看>>
对象继承其他对象的方法和属性
查看>>
带三角的面包屑导航栏(新增递增数字)
查看>>
分享一段微信摇一摇代码,有兴趣的可以试一试
查看>>
Swift入门篇-闭包和函数
查看>>
Elastic技术栈Beats日志收集工具filebeat的安装
查看>>
Web应用程序安全与风险
查看>>
codeforces 796D Police Stations
查看>>
codeforces 984 A. Game
查看>>
.NET 反编译调试神器:dnSpy了解一下
查看>>
CSS居中
查看>>