JavaScript学习手册(58)

继承模式

  1. 原型链继承

    套路

    定义父类型构造函数

    给父类型的原型添加方法

    定义子类型的构造函数

    创建父类型的对象赋值给子类型的原型

    将子类型原型的构造属性设置为子类型

    给子类型原型添加方法

    创建子类型的对象:可以调用父类型的方法

    关键

    子类型的原型为父类型的一个实例对象

    //父类型
    function Supper(){
    this.supProp='Supper Property'
    }
    Supper.prototype.showSupperProp=function(){
    console.log(this.supProp)
    }
    //子类型
    function Sub(){
    this.subProp='Sub prototy'
    }
    //子类型的原型为父类型的一个实例对象
    Sub.prototype=new Supper()
    Sub.prototype.showSubProp=function(){
    consoe.log(this.subProp)
    }
    var sub=new Sub()
    sub.showSupperProp()
    sub.toString() 
    sub.showSubProp()
    console.log(sub.constructor)//sub
    
  2. 借用构造函数继承(假的)

    套路

    定义父类型构造函数

    定义子类型构造函数

    在子类型构造函数中调用父类型构造

    关键

    在子类型构造函数中通用super()调用父类型构造函数

  3. 组合继承

    利用原型链实现对父类型对象的方法继承。

    利用super()借用父类型构建函数初始化相同属性。

JavaScript学习手册(58)_第1张图片
每日一句
民族精神不仅仅是大义凛然,视死如归;也不仅仅是金戈铁马,马革裹尸滴中。

你可能感兴趣的:(橘子太酸辣,JavaScript学习手册,笔记,javascript,webkit,前端)