继承

  1. 原型链
function Sub(name,color) {
    this.color = [1,2,4]
    this.name = name
}
Sub.prototype.getSubName = function() {
    console.log('sub', this.name)
}
function Super(name,age){
    this.age = age
}
Super.prototype = new Sub()
const eg = new Super('eg',10)
eg instanceof Super //true eg.__proto__ === Super.prototype
eg instanceof Sub // true eg.__proto__.__proto__ === Sub.prototype

将一个构造函数的实例作为子构造函数的原型对象,这样,子构造函数的原型对象中会继承到父构造函数实例上的属性方法及父构造函数原型对象上的方法属性
弊端:实例属性方法都添加在原型上

  1. 借用构造函数
function Sub(name,color) {
    this.color = [1,2,4]
    this.name = name
}
function Super(name,age){
    this.age = age
    Sub.call(this, name)
}

调用call,apply方法修改this指向并调用父构造函数
弊端:只继承了构造函数中定义的方法

  1. 组合式继承
    1+2
  2. 原型式继承
    基于一个已有的对象,而不是还没有构造的对象,不用在自定义构造函数
    function object(o) {
    function F(){}
    F.prototype = o
    return new F()
    }
    与原型链一样,上面是一个自定义构造函数的实例作为原型,这个传入的o其实也是Object构造函数的原型
    4.寄生式继承
    xxx,在原型式继承时,在实力上添加方法,再返回
function object(o) {
    function F(){}
    F.prototype = o
    var clone = new F()
    clone.getName=function(){}
    return clone
} 

5.寄生组合式继承

function Sub(name,color) {
this.color = [1,2,4]
this.name = name
}
Sub.prototype.getSubName = function() {
console.log('sub', this.name)
}
function Super(name,age){
this.age = age
Sub.call(this, name)
}
function F(){}
F.prototype = Sub.prototype
const f = new F()
f._proto__ === F.prototype === Sub.prototype
Super.prototype = f
const eg = new Super('eg', 10)
eg instanceof Super //true eg.__proto__ === Super.prototype
eg instanceof Sub // true eg.__proto__.__proto__ === Sub.prototype

子构造函数上只继承父构造函数原型上的属性方法,所以构造一个原型对象跟父构造函数原型同样,但是构造函数内部不创建属性方法的空构造函数,再将实例作为子构造函数原型

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 博客内容:什么是面向对象为什么要面向对象面向对象编程的特性和原则理解对象属性创建对象继承 什么是面向对象 面向对象...
    _Dot912阅读 1,538评论 3 12
  • 继承的概念:子类可以使用父类共享的属性和方法,避免重复代码提高代码复用性。 原型链:子类可以共享父类的实例对象和实...
    浅秋_6672阅读 462评论 0 0
  • 继承 Javascript中继承都基于两种方式:1.通过原型链继承,通过修改子类原型的指向,使得子类实例通过原型链...
    LeoCong阅读 411评论 0 0
  • 本文由浅到深,循序渐进的将原型与继承的抽象概念形象化,且每个知识点都搭配相应的例子,尽可能的将其通俗化,而且本文最...
    BetterChen阅读 684评论 1 0
  • 继承是 OO 语言中的一个最为人津津乐道的概念。许多 OO 语言都支持两种继承方式:接口继承 和 实现继承。接口继...
    threetowns阅读 493评论 0 0

友情链接更多精彩内容