Javascript中的继承与复用
实现代码复用的方法包括:工厂模式、构造函数模式、原型模式(《高三》6.2章 P144),它们各自的特点归结如下:
1、工厂模式虽然使创建对象一定程度上实现了代码复用,但却没有解决对象识别问题,即类型判断。而构造函数模式可以解决这一问题。
2、构造函数模式在类型判断上比工厂模式有优势,而且也一定程度上实现了代码复用,但它的问题就在于实例成员(属性和方法)都定义在了构造函数中,
属性还好,但是方法被定义在构造函数中就有问题了,因为我们知道在ECMAScript中,一切函数皆对象,因此每次new新对象时,方法也就实例化了一个对象,
这样就会占用更多的内存空间,影响了代码性能。幸好有了原型模式,这样的重复实例化对象的问题可以解决。
3、原型模式就优势在于可将成员定义在构造函数的原型中实现共享,而不必在构造函数中定义对象实例的信息了。这一模式实现了对象成员最本质的共享,
从而避免了上面说的占用过多内存导致性能下降的问题。但是它同样会有缺点,那就是如果在原型中定义了引用类型会导致意外的结果(详见《高三》P158)。
综上所述,通常为了实现代码最大程度上的复用,采用构造函数模式与原型模式共存的解决方案,发挥各自的优势,互补各自的缺陷。
构造函数模式用于定义实例属性,包括上述的引用类型的成员;而原型模式用于定义方法和共享的属性,结果,每个实例都会有自己的一份实例属性的副本,
但同时又共享着对方法的引用,最大程度的节省了内存,提高了代码效率。
实现继承:
利用原型链的特性和借用构造函数(call、apply)均能实现继承,二者都各有优势和不足。(《高三》P167)
原型链虽然强大,但存在一些问题,最主要的问题来自包含引用类型值得原型;其次是在创建子类型实例时,不能向超类型的构造函数中传递参数。
而在解决原型中包含引用类型值所带来问题的过程中,开发人员开始使用一种叫做借用构造函数的技术,这种技术的基本思想相当简单,---即在子类构造函数的内部
调用超类构造函数。同时,相对于原型而言,借用构造函数有还有一个很大的优势,它可以在子类构造函数中向超类型构造函数传递参数。
但是,借用构造函数无法避免构造函数模式存在的问题,---即方法都在构造函数中定义,函数复用就无从谈起了。
综上所述,为了完美地实现继承,通常采用的是以上两种继承方式共存的解决方案,---即组合继承!
组合继承指的是将原型链和借用构造函数的技术组合到一起,从而发挥二者之长的一种继承模式,其背后的思路就是使用原型链实现对原型属性和方法的继承;
而通过借用构造函数来实现对实例属性的继承。这样,既通过在原型上定义方法实现了函数复用,又能保证每个实例都有它自己的属性。
组合继承避免了原型链和借用构造函数的缺陷,融合了它们的优点,成为了Javascript中最常用的继承模式。
而且,instanceof和isprototypeOf()也能够识别基于组合继承创建的对象,即组合继承创建的对象支持对象类型的判断。
Javascript中的继承与复用的更多相关文章
- 浅谈JavaScript中的继承
引言 在JavaScript中,实现继承的主要方式是通过原型链技术.这一篇文章我们就通过介绍JavaScript中实现继承的几种方式来慢慢领会JavaScript中继承实现的点点滴滴. 原型链介绍 原 ...
- 浅谈 JavaScript 中的继承模式
最近在读一本设计模式的书,书中的开头部分就讲了一下 JavaScript 中的继承,阅读之后写下了这篇博客作为笔记.毕竟好记性不如烂笔头. JavaScript 是一门面向对象的语言,但是 ES6 之 ...
- javascript中各种继承方式的优缺点
javascript中实现继承的方式有很多种,一般都是通过原型链和构造函数来实现.下面对各种实现方式进行分析,总结各自的优缺点. 一 原型继承 let Super = functioin(name = ...
- 深入理解JavaScript中的继承
1前言 继承是JavaScript中的重要概念,可以说要学好JavaScript,必须搞清楚JavaScript中的继承.我最开始是通过看视频听培训班的老师讲解的JavaScript中的继承,当时看的 ...
- JavaScript学习13 JavaScript中的继承
JavaScript学习13 JavaScript中的继承 继承第一种方式:对象冒充 <script type="text/javascript"> //继承第一种方式 ...
- JavaScript中的继承(原型链)
一.原型链 ECMAScript中将原型链作为实现继承的主要方法,基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法. 实例1: function SupType() { this.pro ...
- 彻底搞懂JavaScript中的继承
你应该知道,JavaScript是一门基于原型链的语言,而我们今天的主题 -- "继承"就和"原型链"这一概念息息相关.甚至可以说,所谓的"原型链&q ...
- 关于JavaScript中实现继承,及prototype属性
感谢Mozilla 让我弄懂继承. JavaScript有八种基本类型,函数属于object.所以所有函数都继承自object.//扩展:对象,基本上 JavaScript 里的任何东西都是对象,而且 ...
- javascript中实现继承的几种方式
javascript中实现继承的几种方式 1.借用构造函数实现继承 function Parent1(){ this.name = "parent1" } function Chi ...
随机推荐
- QThread 线程暂停 停止功能的实现
为了实现Qt中线程的暂停运行,和停止运行的控制功能 需要在设置两个static型控制变量. //终止原始数据单元进队出队,并清空数据. static bool stopSign; //原始数据单元队列 ...
- Flutter移动电商实战 --(20)首页上拉加载更多功能的制作
这节课学习一下上拉加载效果,其实现在上拉加载的插件有很多,但是还没有一个插件可以说完全一枝独秀,我也找了一个插件,这个插件的优点就是服务比较好,作者能及时回答大家的问题.我觉的选插件也是选人,人对了, ...
- 使 nodejs 代码 在后端运行(nohup)
1.代码 nohup node server.js & 说明: nohup 命令对 server.js 进程做了三件事 (1)阻止SIGHUP信号发到这个进程. (2)关闭标准输入.该进程不再 ...
- linux下docker如何指定容器的工作目录?
答: 启动容器时传入-w <work_dir>参数即可,如: docker run -it -w <work_dir> <container_image_name> ...
- kotlin 之内联函数
在lambda表达式内联函数,需要在定义函数使用inline关键字 未使用inline关键字 fun main(arg: Array<String>) { print(haha({name ...
- python 学生表
1,主页面函数(01-mainpage.py) import json import file_manager import student_system ''' ''' # 全局变量 file_na ...
- zookeeper-3.5.5安装报错:找不到或无法加载主类 org.apache.zookeeper.server.quorum.QuorumPeerMain
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/jiangxiulilinux/artic ...
- Flask实现跨域请求的处理方法
https://blog.csdn.net/wangshu_liang/article/details/86490137 https://blog.csdn.net/a1241314660/artic ...
- 在IIS7、IIS7.5中应用程序池最优配置方案
先介绍几个简单的设置 应用程序池 > 高级设置 1.基本设置 队列长度: 65535 启动32位应用程序 否则安装一些32的组建或32位的php都会出错 托管管道模式 Classsic 2.高级 ...
- OpenStack Nova Release(Rocky to Train)
目录 文章目录 目录 前言 演进方向 Cellv2 更新 Rocky Support disabling a cell Stein Handling a down cell Train Count q ...