每天 10 分钟,学习 JavaScript —— (二十一)继承_原型链继承

原型链继承

  • 创建步骤
    • 定义父类型构造函数
    • 给父类型的原型添加方法
    • 定义子类型的构造函数
    • 创建父类型的对象赋值给子类型的原型
    • 将子类型原型的构造属性设置为子类型
    • 给子类型原型添加方法
    • 创建子类型的对象:可以调用父类型的方法
  • 关键
    • 子类型的原型为父类型的一个实例对象
    // 父类型
    function Supper() {
      this.supProp = 'Supper property'
    }
    Supper.prototype.showSupperProp = function() {
      console.log(this.supProp)
    }
    // 子类型
    function Sub() {
      this.subProp = 'Sub property'
    }
    // 子类型的原型为父类型的一个实例对象
    Sub.prototype = new Supper()
    Sub.prototype.showSubProp = function() {
      console.log(this.subProp)
    }
    var sub = new Sub()
    sub.showSupperProp() // Supper property
复制代码
  • 图例

Snipaste_2021-06-30_14-18-56.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享