位置: 编程技术 - 正文

学习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需要学多久)

  • 金税盘抵减增值税的账务处理
  • 文化传媒公司的税种及税率
  • 购买二手车是否适用消费者权益保护法
  • 印花税的申报依据是什么
  • 现金流量套期与什么无关
  • 一次性年金怎么计算
  • 航空运单可以作为提货凭证吗
  • 出售股权账务处理
  • 持有待售的固定资产减值可以转回吗
  • 会计分录怎么确认借贷方向
  • 职工福利费计提比例一般是多少
  • 网银 密码器
  • 债务豁免的会计分录
  • 医院收到卫生局补助会计分录怎么写
  • 年终红包怎么入账
  • 一般纳税人贸易公司每个月最低费用多少
  • 个人股权转让是否先分红
  • 承包合同范围怎么写
  • 普通发票税率为1%吗
  • 物业代收水电费,业主不交怎么办
  • 个体工商户是否需要缴纳印花税
  • 投资性房地产处置时公允价值变动损益
  • windows11怎么设置壁纸
  • 月末结转损益类科目为零对吗
  • 新建厂房环评流程
  • 残保金按计提数还是按发放数申报
  • 系统安装的步骤
  • PHP:xml_set_start_namespace_decl_handler()的用法_XML解析器函数
  • 每季度预缴所得税怎么算
  • 一般纳税人转小规模流程
  • kb4586853 补丁
  • assoc.exe=exefile什么意思
  • 代开增值税发票沒有付款怎么做账?
  • 企业合并按合并的法律形式分类
  • 深入php:面向对象、模式与实践
  • 应交城建税怎么算
  • 中兴网管操作手册
  • 冷饮成本价
  • 应计入营业外支出的科目有
  • 建筑业成本核算表格
  • 未完施工针对的是什么工程
  • 税后工资怎么申报个税
  • 增值税期末留抵退税原因采集确认单
  • 税务上减免两费是什么
  • 新领的发票怎么导入uk开票系统
  • 其他应付款可以转主营业务收入吗
  • 不开票销售收入怎么做账务处理
  • 事业单位有奖励吗
  • 公司老板个人卡收支公司业务属于什么行为
  • 工会经费如何申请返还
  • 出口货物发生退运损失由外贸承担还是厂家
  • 计提应付职工薪酬在借方还是贷方
  • 分配现金股利的顺序
  • 工资薪金个人所得税扣除标准
  • 收到分公司负责人的礼物
  • 怎样计算存款利息?
  • macbookair断网
  • winpe如何安装驱动
  • bios里怎么找不到usb启动
  • rosnmgr.exe - rosnmgr是什么进程 有什么用
  • windows xp iis安装
  • sbdrvdet.exe - sbdrvdet是什么进程 有什么用
  • fs是什么文件
  • fcbzmgr.exe
  • win8 boot manager
  • 修改linux系统用户密码
  • perl 比较符
  • jquery获取鼠标位置
  • cls方法可以清除
  • python代码视频
  • 注释讲解
  • python去掉末尾的换行符
  • pjblog修改技巧汇总
  • 税务局打印申报表
  • 深圳市公安局的位置
  • 消费税的征收范围口诀
  • 开票金额有限额吗
  • 从量定额资源税口诀
  • 苹果官网手机号码无效
  • 浙江国税网上报税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设