js根据name获取value_js 函数的重载

3d7c92e7dbc949fc0e0fc12be567cb3b.png

js 函数的重载

我们知道,很多编程语言都有函数的重载。

所谓的重载,看定义:

重载,简单说,就是函数或者方法有相同的名称,但是参数列表不相同的情形,这样的同名不同参数的函数或者方法之间,互相称之为重载函数或者方法。

同名函数,根据传入的参数类型不同,来执行对应的方法。

所以从这个定义中,我们能够得出,js 并不具备函数的重载功能。

因为 js 不用对传入的参数的类型,进行严格的定义。所以,即使我们写了同名的函数,也只会导致后面的函数会将前面的函数覆盖掉。

现在我们假设,即使 js 同名函数能够共存,但是我们无法知道不同的同名函数分别接收什么类型的参数,同样无法判断该调用哪一个方法。

但是我们在平时写代码的过程中,有一种情况是比较常见的。

比如,我们现在有一个对象 People,有私有属性 name 和 age。

因为 JavaScript 中没有私有属性,所以我们只能通过闭包来模拟私有属性。

所以,我们在构造函数内部定义 name 和 age 对象,通过 get,set 接口来统一读取和修改他们。

代码见下面所示。

var 

用的时候,我们可以这样:

// 防止构造函数中没用 new 我们检测了一下 this 的指向

可以看到,这里,我们通过用了 get 和 set 函数,来对外提供接口。

那么,我们想一想,我们能不能将这两个函数合并一下,通过同一个函数,来实现这两种功能呢?

答案当然是肯定的,我么可以改写一下我们之前的构造函数:

var 

再看下我们的使用过程:

var 

可以看出来,这样一改,这个接口调用起来就很方便了。

虽然乍一看,这样该写了以后,好像不太好理解。但是如果习惯了这种写法以后,你会感受到这种写法的奇妙之处。简直太方便了,传一个参数就是拿值,传两个参数,就是改写对应的值。

当然这种写法,是我们在架构我们的项目的时候,有这种意识,这当然算是一种比较好的写法了。

但是如果我们刚开始架构的时候,是这样写的:

var 

随着我们项目的进行,可能在原型链上,有很多方法都用到了 this._name 或者 this._age。

这个时候,如果想要迁移我们的变量成闭包内部的变量,当然是不划算的,改写起来太麻烦了。

但是如果我们又想要提供一个类似于之前的 o 函数,该怎么做呢?

也许又童鞋得第一反应是,这还不简单,三下五除二的进行了如下的拓展:

People

这样写固然没有问题,但是还是不太具备扩展性。

如果,某一天,我们突发奇想,想要拓展一下这个 o 方法,当不传参数的时候,我们想要列出实例上所有的属性。

我们固然可以通过重载这个 o 方法来实现,但是总感觉不够优雅。

现在有一种更为优雅的方式。

我们可以创建一个 overload 方法用于重载:

function 

我们可以这样调用:

overload

我们还可以继续扩展:

overload

可以看出来,我们的重载函数,非常的强大,扩展性也是非常的强。

可以对任意一个对象上的函数进行重载,当然这里是通过识别参数的个数来进行重载的,这也是现阶段 js 中所能做到的极限了。

这个小小的 overload 方法,同样也是通过闭包来实现的重载。

原理就是通过比较函数的参数与传入的参数个数是否相等,相等则用调用当前函数进行执行。如果不相等,那么调用 old 函数,进行执行。而 old 函数同样会递归执行参数个数判断这一过程,这样就实现了根据参数的个数对函数进行重载。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/538532.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python调用菜单响应事件_[Python] wxpython 编程触发菜单或按钮事件

最近逐步熟悉wxpython,编写了几个小小功能的GUI程序,GUI中免不了会有在代码中触发控件事件的业务需求。在其他Gui界面的语言中有postevent、triggerevent 调用事件名称的函数,非常方便。在wxpython里如何解决呢,上一段简单的代码。…

Angular CLI 使用教程指南参考

原文链接:http://www.cnblogs.com/bh4lm/p/6638057.html 点击阅读原文 ----------------------------------------------- Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本. 安装…

存储过程循环遍历一个月的每一天的函数_JavaScript 循环:如何处理 async/await

同步循环很久以前我写的循环是这样的:后来 JavaScript 提供了很多新的特性,现在我们会更倾向于用下面这种写法:在开发过程可能会有这么一种需求,我们需要在循环中异步处理 item,那么可以怎么做呢?异步循环如…

Angular程序架构

component,组件是Angular应用的基本构建块,你可以把一个组件理解为一段带有业务逻辑和数据的html。组件下面可以有子组件,子组件下有孙子组件,像树一样。指令:允许你向html元素添加自定义行为。模块Ngmodule&#xff1…

sqllite能连接mysql_SQLLite 可以通过SQL语言来访问的文件型SQL数据库

Web Storage分为两类:- sessionStorage:数据保存在session 对象中(临时)- localStorage:数据保存在本地硬件设备中(永久)sessionStorage:保存数据的两种方法:sessionStorage.setItem(key,val);sessionStorage.key val;读取数据的…

迭代器模式(Iterator)

迭代器模式 一. 迭代器模式 1.1 定义 提供一种方法顺序访问一个集合对象中的各种元素,而又不暴露该对象的内部表示.1.2 角色 抽象迭代器接口(Iterator).具体迭代器(ConcreteIterator).抽象聚合接口(Aggrega…

Angular启动过程介绍

1、启动时加载了哪个页面?2、启动时加载了哪些脚本?3、这些脚本做了什么事?打开Angular的命令行文件.angular-cli.json。apps节点下面。首先加载 index.html 页面。此时浏览器显示index.html的内容。再加载main.ts脚本"apps": [{..…

python解压打开文件过多_在python中使用zipfile压缩文件时层级很多,有很多层目录...

如下图本来只压缩一个文件结果这个文件所在的路径全都被压缩进去啦下面是解决方法yadirD:/databak/zipfilepathD:/zipfile.zipfilelists os.listdir(yadi)if filelists None or len(filelists) print (">>>>>>待压缩的文件目录:" ya…

易语言python1.1模块_易语言之编写模块与引入模块

本人并不精通易语言,只是对其进行一定了解后做一个简单的总结。直接新建一个易语言模块,然后添加子程序即可。子程序当然可以随意命名,实际上,易语言的子程序就和c语言的函数,java中的方法一样(实际上,java…

spring boot开发笔记——mybatis

概述 mybatis框架的优点,就不用多说了,今天这边干货主要讲mybatis的逆向工程,以及springboot的集成技巧,和分页的使用 因为在日常的开发中,当碰到特殊需求之类会手动写一下sql语句,大部分的时候完全可以用m…

Angular项目目录介绍

通过 ng new 项目名生成的项目 一级目录 Angular cli 工具生成的目录文件名不要随意修改,要不然会影响工具的使用。e2e:端到端的测试目录,用来做自动测试的。node_modules:Angular第三方包。src:应用源代码目录&#…

jvm内存模型_四种视角看JVM内存模型

1.JVM运行视角程序计数器Java虚拟机栈本地方法栈Java堆方法区1 .程序计数器程序计数器是一块较小的内存空间,它可以看作是当前线程所执行的行号指示器。这个计数器记录的是正在执行的虚拟机字节码指令的地址。此内存区域是唯一一个在JAVA虚拟机规范中没有规定任何Ou…

linux mysql失败_linux下登陆mysql失败

标签:一.提示由于没有密码,拒绝登陆ERROR 1045 (28000): Access denied for user ‘root‘‘localhost‘ (using password: NO)1.关闭mysql# service mysqld stop2.屏蔽权限# mysqld_safe --skip-grant-table屏幕出现: Starting demo from ..…

Tomcat服务脚本

为什么80%的码农都做不了架构师?>>> #!/bin/bash ### BEGIN INIT INFO # Provides: tomcat # Required-Start: $remote_fs $syslog # Required-Stop: $remote_fs $syslog # Default-Start: 2 3 4 5 # Default-Stop: 0 1 6 # S…

Angular开发准备

cmd,进入项目文件下1、安装jquerynpm install jquery --save。--save 安装的同时,将信息写入package.json中2、安装bootstrapnpm installbootstrap--save。3、在.angular-cli.json中添加 jquery和bootstrap的引用在styles节点和scripts节点下加入。&quo…

python桌面开发吐血_想用java写个桌面小demo,就布局都差点写吐血了,学艺不精...

demo简略需求项目背景很多文件重复存放,除了管理混乱,还会对患有强迫症用户的身心造成10000点的伤害...其实就是360云盘当时上传了有上传,造成很多重复的图片视频,前阵子360个人云盘“倒闭”,电脑日夜兼程,…

oracle 取当前日期时间的前一天前一小时前一分钟前一秒

原文链接:http://wentao365.iteye.com/blog/779492 点击阅读原文 --------------------------------------------------------------------------- SELECT 当前时间 TITLE, TO_CHAR(SYSDATE, yyyy-mm-dd hh24:mi:ss) TIME FROM DUAL --当前时间 UNION ALL S…

mysql8事务级别_Mysql几种事务隔离级别

前言:之前对mysql的基础知识通过了几篇博客进行了一个详解,包括从数据库系统的原理以及最基本的操作使用,此篇博客将主要对mysql的事务级别进行实战分析1.什么是事务?事务是应用程序中一系列严密的操作,所有操作必须成…

控制台应用和空项目有什么区别_互联网小程序的应用以及APP的应用有什么区别及发展...

随时移动互联网进入的千家万户,互联网的手机应用程序也渐渐的在市场上流行起来了。今天主要跟大家谈一下互联网小程序的应用以及APP的应用有什么区别以及未来的发展趋。未来会流行什么手机应用或者APP应用,我带大家都为了解一下。下边先来了解一下小程序…

day19_java基础加强_动态代理+注解+类加载器

一、动态代理 1.1、代理模式 什么是代理模式及其作用? Proxy Pattern(即:代理模式),23种常用的面向对象软件的设计模式之一。        代理模式的定义:为其他对象提供一种代理以控制对这个对象的访问。 …