zoukankan      html  css  js  c++  java
  • js原型链继承

    1:Sub.prototype=new supper()

     

    方式1: 原型链继承

      1. 套路

        1. 定义父类型构造函数

        2. 给父类型的原型添加方法

        3. 定义子类型的构造函数

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

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

        6. 给子类型原型添加方法

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

      2. 关键

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

    -->

    <script type="text/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()

      // 让子类型的原型的constructor指向子类型

      Sub.prototype.constructor = Sub

      Sub.prototype.showSubProp = function () {

        console.log(this.subProp)

      }

      var sub = new Sub()

      sub.showSupperProp()

      // sub.toString()

      sub.showSubProp()

      console.log(sub)  // Sub

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

      Sub.prototype = new Supper()

      // 让子类型的原型的constructor指向子类型

      Sub.prototype.constructor = Sub

    ////////////////////////////组合继承

        //组合继承

       function Person(name,age) {

           this.name=name

           this.age=age

       }

       Person.prototype.Sayname = function () {

              console.log(name)

       }

       function Student(name,age,scroce) {

             Person.call(this,name,age)

             this.scroce=scroce

       }

       //子类的prototype=父类的实例

         Student.prototype=new Person()

         Student.prototype.Sayscroce=function () {

             console.log(this.scroce)

         }

        var p = new Student("ton",12,90)

        p.Sayscroce()

  • 相关阅读:
    Python基础检测:20171105
    Python中斐波那契数列的四种写法
    Python中斐波那契数列的四种写法
    学习Python3:20171031
    学习Python3:20171031
    9.3 Trains and Evaluates the MNIST network using a feed dictionary
    9.3 Trains and Evaluates the MNIST network using a feed dictionary
    学习Python3:201701030
    学习Python3:201701030
    周末微光
  • 原文地址:https://www.cnblogs.com/love-life-insist/p/9063118.html
Copyright © 2011-2022 走看看