位置: 编程技术 - 正文

学习JavaScript设计模式(多态)(javascript如何学)

编辑:rootadmin

推荐整理分享学习JavaScript设计模式(多态)(javascript如何学),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript教程doc,javascript设计,javascript教程 csdn,javascript教程chm,javascript简明教程,javascript设计,javascript教程chm,javascript设计,内容如对您有帮助,希望把文章链接给更多的朋友!

多态的实际含义是:同一操作作用于不同的对象上面,可以产生不同的解释和不同的执行结果。换句话说,给不同的对象发送同一个消息的时候,这些对象会根据这个消息分别给出不同的反馈。

从字面上来理解多态不太容易,下面我们来举例说明一下。

主人家里养了两只动物,分别是一只鸭和一只鸡,当主人向它们发出“叫”的命令时,鸭会“嘎嘎嘎”地叫,而鸡会“咯咯咯”地叫。这两只动物都会以自己的方式来发出叫声。它们同样“都是动物,并且可以发出叫声”,但根据主人的指令,它们会各自发出不同的叫声。

其实,其中就蕴含了多态的思想。下面我们通过代码进行具体的介绍。

1. 一段“多态”的JavaScript代码

我们把上面的故事用JavaScript代码实现如下:

这段代码确实体现了“多态性”,当我们分别向鸭和鸡发出“叫唤”的消息时,它们根据此消息作出了各自不同的反应。但这样的“多态性”是无法令人满意的,如果后来又增加了一只动物,比如狗,显然狗的叫声是“汪汪汪”,此时我们必须得改动makeSound函数,才能让狗也发出叫声。修改代码总是危险的,修改的地方越多,程序出错的可能性就越大,而且当动物的种类越来越多时,makeSound有可能变成一个巨大的函数。

多态背后的思想是将“做什么”和“谁去做以及怎样去做”分离开来,也就是将“不变的事物”与 “可能改变的事物”分离开来。在这个故事中,动物都会叫,这是不变的,但是不同类型的动物具体怎么叫是可变的。把不变的部分隔离出来,把可变的部分封装起来,这给予了我们扩展程序的能力,程序看起来是可生长的,也是符合开放-封闭原则的,相对于修改代码来说,仅仅增加代码就能完成同样的功能,这显然优雅和安全得多。

2. 对象的多态性

下面是改写后的代码,首先我们把不变的部分隔离出来,那就是所有的动物都会发出叫声:

然后把可变的部分各自封装起来,我们刚才谈到的多态性实际上指的是对象的多态性:

现在我们向鸭和鸡都发出“叫唤”的消息,它们接到消息后分别作出了不同的反应。如果有一天动物世界里又增加了一只狗,这时候只要简单地追加一些代码就可以了,而不用改动以前的makeSound函数,如下所示:

3. 类型检查和多态

类型检查是在表现出对象多态性之前的一个绕不开的话题,但JavaScript是一门不必进行类型检查的动态类型语言,为了真正了解多态的目的,我们需要转一个弯,从一门静态类型语言说起。

静态类型语言在编译时会进行类型匹配检查。以Java为例,由于在代码编译时要进行严格的类型检查,所以不能给变量赋予不同类型的值,这种类型检查有时候会让代码显得僵硬,代码如下:

现在我们尝试把上面让鸭子和鸡叫唤的例子换成Java代码:

我们已经顺利地让鸭子可以发出叫声,但如果现在想让鸡也叫唤起来,我们发现这是一件不可能实现的事情。因为(1)处AnimalSound类的makeSound方法,被我们规定为只能接受Duck类型的参数:

某些时候,在享受静态语言类型检查带来的安全性的同时,我们亦会感觉被束缚住了手脚。

为了解决这一问题,静态类型的面向对象语言通常被设计为可以向上转型:当给一个类变量赋值时,这个变量的类型既可以使用这个类本身,也可以使用这个类的超类。这就像我们在描述天上的一只麻雀或者一只喜鹊时,通常说“一只麻雀在飞”或者“一只喜鹊在飞”。但如果想忽略它们的具体类型,那么也可以说”一只鸟在飞“。

同理,当Duck对象和Chicken对象的类型都被隐藏在超类型Animal身后,Duck对象和Chicken对象就能被交换使用,这是让对象表现出多态性的必经之路,而多态性的表现正是实现众多设计模式的目标。

4. 使用继承得到多态效果

学习JavaScript设计模式(多态)(javascript如何学)

使用继承来得到多态效果,是让对象表现出多态性的最常用手段。继承通常包括实现继承和接口继承。本节我们讨论实现继承,接口继承的例子请参见第章。

我们先创建一个Animal抽象类,再分别让Duck和Chicken都继承自Animal抽象类,下述代码中(1)处和(2)处的赋值语句显然是成立的,因为鸭子和鸡也是动物:

现在剩下的就是让AnimalSound类的makeSound方法接受Animal类型的参数,而不是具体的Duck类型或者Chicken类型:

5. JavaScript的多态

从前面的讲解我们得知,多态的思想实际上是把“做什么”和“谁去做”分离开来,要实现这一点,归根结底先要消除类型之间的耦合关系。如果类型之间的耦合关系没有被消除,那么我们在makeSound方法中指定了发出叫声的对象是某个类型,它就不可能再被替换为另外一个类型。在Java中,可以通过向上转型来实现多态。

而JavaScript的变量类型在运行期是可变的。一个JavaScript对象,既可以表示Duck类型的对象,又可以表示Chicken类型的对象,这意味着JavaScript对象的多态性是与生俱来的。

这种与生俱来的多态性并不难解释。JavaScript作为一门动态类型语言,它在编译时没有类型检查的过程,既没有检查创建的对象类型,又没有检查传递的参数类型。在2节的代码示例中,我们既可以往makeSound函数里传递duck对象当作参数,也可以传递chicken对象当作参数。

由此可见,某一种动物能否发出叫声,只取决于它有没有makeSound方法,而不取决于它是否是某种类型的对象,这里不存在任何程度上的“类型耦合”。这正是我们从上一节的鸭子类型中领悟的道理。在JavaScript中,并不需要诸如向上转型之类的技术来取得多态的效果。

6. 多态在面向对象程序设计中的作用

有许多人认为,多态是面向对象编程语言中最重要的技术。但我们目前还很难看出这一点,毕竟大部分人都不关心鸡是怎么叫的,也不想知道鸭是怎么叫的。让鸡和鸭在同一个消息之下发出不同的叫声,这跟程序员有什么关系呢?

Martin Fowler在《重构:改善既有代码的设计》里写到:

多态的最根本好处在于,你不必再向对象询问“你是什么类型”而后根据得到的答案调用对象的某个行为——你只管调用该行为就是了,其他的一切多态机制都会为你安排妥当。

换句话说,多态最根本的作用就是通过把过程化的条件分支语句转化为对象的多态性,从而消除这些条件分支语句。

Martin Fowler的话可以用下面这个例子很好地诠释:

在电影的拍摄现场,当导演喊出“action”时,主角开始背台词,照明师负责打灯光,后面的群众演员假装中枪倒地,道具师往镜头里撒上雪花。在得到同一个消息时,每个对象都知道自己应该做什么。如果不利用对象的多态性,而是用面向过程的方式来编写这一段代码,那么相当于在电影开始拍摄之后,导演每次都要走到每个人的面前,确认它们的职业分工(类型),然后告诉他们要做什么。如果映射到程序中,那么程序中将充斥着条件分支语句。

利用对象的多态性,导演在发布消息时,就不必考虑各个对象接到消息后应该做什么。对象应该做什么并不是临时决定的,而是已经事先约定和排练完毕的。每个对象应该做什么,已经成为了该对象的一个方法,被安装在对象的内部,每个对象负责它们自己的行为。所以这些对象可以根据同一个消息,有条不紊地分别进行各自的工作。

将行为分布在各个对象中,并让这些对象各自负责自己的行为,这正是面向对象设计的优点。

再看一个现实开发中遇到的例子,这个例子的思想和动物叫声的故事非常相似。

假设我们要编写一个地图应用,现在有两家可选的地图API提供商供我们接入自己的应用。目前我们选择的是谷歌地图,谷歌地图的API中提供了show方法,负责在页面上展示整个地图。示例代码如下:

后来因为某些原因,要把谷歌地图换成百度地图,为了让renderMap函数保持一定的弹性,我们用一些条件分支来让renderMap函数同时支持谷歌地图和百度地图:

可以看到,虽然renderMap函数目前保持了一定的弹性,但这种弹性是很脆弱的,一旦需要替换成搜搜地图,那无疑必须得改动renderMap函数,继续往里面堆砌条件分支语句。

我们还是先把程序中相同的部分抽象出来,那就是显示某个地图:

现在来找找这段代码中的多态性。当我们向谷歌地图对象和百度地图对象分别发出“展示地图”的消息时,会分别调用它们的show方法,就会产生各自不同的执行结果。对象的多态性提示我们,“做什么”和“怎么去做”是可以分开的,即使以后增加了搜搜地图,renderMap函数仍然不需要做任何改变,如下所示:

在这个例子中,我们假设每个地图API提供展示地图的方法名都是show,在实际开发中也许不会如此顺利,这时候可以借助适配器模式来解决问题。

标签: javascript如何学

本文链接地址:https://www.jiuchutong.com/biancheng/386276.html 转载请保留说明!

上一篇:一不小心就做错的JS闭包面试题(一不小心做错事男朋友就开始说我)

下一篇:Bootstrap每天必学之按钮(bootstrap需要学多久)

  • 电子税务局能不能申报个税
  • 实发工资知道如何发放吗
  • 个体户对公账户怎么办理
  • 企业清算的所得税处理包括哪些内容
  • 固定资产超过注册资金怎么处理
  • 企业短期贷款进什么科目
  • 主营业务税金及附加包括印花税吗
  • 6种个人所得税违规手段,财务人再小心别跳坑!
  • 总公司出货分公司怎么办
  • 交叉持股的合并财务报表
  • 预付的费用没有还没有收到发票
  • 13个点的税怎么算税金
  • 应交税费 减免税款
  • 交易性金融资产公允价值变动计入
  • 预缴企业所得税额怎么算
  • 一般企业财务报表格式2019选是还是否
  • qqpcrtp.exe是什么进程 如何删除qqpcrtp进程
  • 压缩包损坏修复软件
  • windows10无法连接到打印机,拒绝访问
  • 公司罚款怎么写
  • 金蝶固定资产减少怎么做
  • 银行承兑汇票的付款期限
  • 贸易公司成本怎么计算
  • 公司收到银行转账会计分录
  • php快递查询系统
  • thinkphp paginate
  • 单位给个人开票需要什么资料才能开
  • 工程机械设备租赁价格
  • 不起眼的暴利小生意农村
  • 个人医疗保险怎么取出来
  • 耕地占用费与耕地的区别
  • ubuntu20.04安装make
  • 高德地图api获取当前经纬度的城市地图
  • 允许税前扣除的税金
  • 大沼泽地国家公园位于哪个城市
  • 日落时的雪景
  • vuex详解和用法
  • 怎么编制资金平衡表格
  • 货真价实的话
  • thinkphpgui
  • 债券发行的分录
  • 建筑行业销售材料怎么做
  • 个人跑运输怎么开发票
  • 消防收费标准
  • 一般纳税人作废小规模时开的发票怎么报税
  • 会计年度对账
  • 记账金额怎么写
  • 以前年度损益调整账务处理分录
  • 工会经费如何支出
  • 公司抽奖奖品设置
  • 以前年度管理费用
  • 对方公司收钱不开发票怎么办
  • 本年利润的会计科目
  • 资产负债表基本公式
  • 企业预付账款的分录
  • Mysql 5.7.19 winx64 ZIP Archive 安装及使用过程问题小结
  • Win10预览版怎么变回正式版
  • 微软手机
  • linux命令find用法
  • win内存占用率过高
  • cocos2d环境配置
  • ES6 javascript中Class类继承用法实例详解
  • three.js怎么用
  • js数组常用的方法及用法
  • 环境篇心中有光的作文
  • unity集训
  • vue前端后端
  • html复选框和单选框区别在哪
  • jquery日期插件
  • js复制对象的方法有哪几种
  • js 截取
  • javascrip语言
  • python bottle 教程
  • 发票查询打印如何操作
  • 即征即退什么时候确认收入
  • 江苏增值税发票代码
  • 天津市税务总局现任领导
  • 组织生活会有民族评议党员大会会后报告
  • 个体诊所可以申请医保报销吗
  • 高新企业公布
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设