-
Notifications
You must be signed in to change notification settings - Fork 132
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
JS 基础之: 继承的 六 种实现方式 #41
Comments
那原型式继承和寄生组合继承有什么区别 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
引言
JS
系列暂定 27 篇,从基础,到原型,到异步,到设计模式,到架构模式等,本篇是
JS
系列中第 3 篇,文章主讲 JS 继承,包括原型链继承、构造函数继承、组合继承、寄生组合继承、原型式继承以及 ES6 继承 。ES5 继承
先定义一个父类
一、 原型链继承
将父类的实例作为子类的原型
特点:利用原型,让一个引用类型继承另一个引用类型的属性及方法
优点:继承了父类的模板,又继承了父类的原型对象
缺点:
可以在子类构造函数中,为子类实例增加实例属性。如果要新增原型属性和方法,则必须放在
SubType.prototype = new SuperType('SubType');
这样的语句之后执行。无法实现多继承
来自原型对象的所有属性被所有实例共享
注意:更改
SuperType
引用类型属性时,会使SubType
所有实例共享这一更新。基础类型属性更新则不会。创建子类实例时,无法向父类构造函数传参,或者说是,没办法在不影响所有对象实例的情况下,向超类的构造函数传递参数
二、 构造继承
基本思想:在子类型的构造函数内部调用父类型构造函数。
注意:函数只不过是在特定环境中执行代码的对象,所以这里使用 apply/call 来实现。
使用父类的构造函数来增强子类实例,等于是复制父类的实例属性给子类(没用到原型)
三. 组合继承
顾名思义,组合继承就是将原型链继承与构造函数继承组合在一起,从而发挥两者之长的一种继承模式。
基本思想:使用原型链继承使用对原型属性和方法的继承,通过构造函数继承来实现对实例属性的继承。这样既能通过在原型上定义方法实现函数复用,又能保证每个实例都有自己的属性。
通过调用父类构造,继承父类的属性并保留传参的优点,然后通过将父类实例作为子类原型,实现函数复用
第一次调用
SuperType
构造函数时,SubType.prototype
会得到两个属性name
和colors
;当调用SubType
构造函数时,第二次调用SuperType
构造函数,这一次又在新对象属性上创建了name
和colors
,这两个属性就会屏蔽原型对象上的同名属性。四. 寄生组合继承
在组合继承中,调用了两次父类构造函数,这里 通过通过寄生方式,砍掉父类的实例属性,这样,在调用两次父类的构造的时候,就不会初始化两次实例方法/属性,避免的组合继承的缺点
主要思想:借用 构造函数 继承 属性 ,通过 原型链的混成形式 来继承 方法
优点:
SuperType
构造函数,只创建一份父类属性instanceof
与isPrototypeOf
五. 原型式继承
实现思路就是将子类的原型设置为父类的原型
如果希望能 多继承 ,可使用 混入 的方式
最重要的部分是:
SuperType.call
继承实例属性方法Object.create()
来继承原型属性与方法SubType.prototype.constructor
的指向ES6 继承
首先,实现一个简单的 ES6 继承:
核心代码
extends
继承的核心代码如下,其实现和上述的寄生组合式继承方式一样继承的使用场景
注: 考虑到JavaScript的工作方式,由于原型链等特性的存在,在不同对象之间功能的共享通常被叫做 委托 - 特殊的对象将功能委托给通用的对象类型完成。这也许比将其称之为继承更为贴切,因为“被继承”了的功能并没有被拷贝到正在“进行继承”的对象中,相反它仍存在于通用的对象中。
扩展:new
new 关键字创建的对象实际上是对新对象 this 的不断赋值,并将 prototype 指向类的 prototype 所指向的对象。
所以类的构造函数内定义的 私有变量或方法 ,以及类定义的 静态公有属性及方法 ,在 new 的实例对象中都将 无法访问 。
扩展:继承机制的设计思想
关于继承机制的设计思想,请参见 Javascript继承机制的设计思想 。
The text was updated successfully, but these errors were encountered: