美文网首页Web 前端开发 让前端飞
JS--继承(原型式继承和寄生继承)

JS--继承(原型式继承和寄生继承)

作者: FeRookie | 来源:发表于2017-03-01 23:12 被阅读0次

原型式继承:其思想是借助原型,可以基于已有的对象创建新的对象,同时还不用创建自定义类型。

可以看到在Object内部,先创建了一个临时性的构造函数,然后将传入的对象作为个构造函数的原型,最后返回这个构造函数的实例,实际上,Object对传入的对象进行了一次浅拷贝。看下下面的例子:

这种方式必须有一个对象作为另一个对象的基础,如果有这么一个对象的话,可以传递给object函数,然后根据具体需求对返回出来的对象加以修改。上面例子中的Person对象就是作为基础的那个对象,然后传递到了object中,然后返回出来了一个新的对象,这个新对象将Person作为原型。因为原型上的属性和方法都是共享的,所有后面对原型上的friends的修改会影响其变化。

寄生继承:寄生继承的思想是创建一个用于封装继承过程的函数,该函数在内部以某种方式来增强对象。

如上,create接受一个参数,也就是要作为新对象基础的那个对象(original),然后把这个对象传给object,返回的值给clone,clone然后在给对象添加新的方法,最后返回clone对象,这样就继承了object返回的对象。下面看下如何使用上面的方法:

之前我们说的通过原型链和构造函数的组合继承也有自己不足的地方,当我们在子构造函数中通过call来对父构造函数进行第一次的执行的时候,会在子类新对象上创建新的实例属性,第二次是将父类的实例对象赋值给子类的原型,子类原型上又会得到同样的属性,那么实例上的属性就会屏蔽掉原型上的属性,口头上说可能不太直观,我们看下例子:

如上,可以看到之前的组合方式的一些不足的地方,那么我们可以利用寄生组合方式尝试一下看看能否弥补这些不足之处。

寄生组合方式,即借用构造函数来继承属性,通过原型链的形式继承方法。主要思想就是不需要为了指定子类型的原型而去调用超类型的构造函数,我们需要的无非是超类型的原型副本。

以上就寄生组合继承,是不是感觉很奇妙,这中方式了结的其实并不是很多,有更详细的说明希望大家可以一起分享~

相关文章

  • JS--继承(原型式继承和寄生继承)

    原型式继承:其思想是借助原型,可以基于已有的对象创建新的对象,同时还不用创建自定义类型。 可以看到在Object内...

  • 二、js继承的几种方式及优缺点

    1、继承:原型链、借用构造函数、组合继承、原型式继承、寄生式继承、寄生组合继承

  • js继承方式

    类式继承 构造函数继承 组合继承 类式继承 + 构造函数继承 原型式继承 寄生式继承 寄生组合式继承 寄生式继承 ...

  • javaScript 实现继承方式

    JavaScript实现继承共6种方式:原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承。

  • 前端面试题总结【38】:javascript继承的 6 种方法

    原型链继承 借用构造函数继承 组合继承(原型+借用构造) 原型式继承 寄生式继承 寄生组合式继承 推荐: 持续更新...

  • js的继承

    面向对象的继承方式有很多种,原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生式组合继承、深拷贝...

  • 继承

    原型继承 借用构造函数 组合继承 原型式继承 寄生式继承 寄生组合继承 优点: 因为组合继承最大的问题是无论什么...

  • JavaScript中继承的实现方式---笔记

    继承的几种实现方式:原型链、借用构造函数、组合继承、原型式继承、寄生式继承、寄生组合式继承;继承的实现,一般有接口...

  • js继承

    原型继承 借用构造函数 组合继承 原型式继承 ECMAScript5 中已经规范这种继承方式: 寄生式继承

  • 【重学前端】JavaScript中的继承

    JavaScript中继承主要分为六种:类式继承(原型链继承)、构造函数继承、组合继承、原型式继承、寄生式继承、寄...

网友评论

    本文标题:JS--继承(原型式继承和寄生继承)

    本文链接:https://www.haomeiwen.com/subject/lqofgttx.html