JS中对象的继承模式

方法一：原型链继承

    // 父类型
      function Supper() {
        this.supProp = ' Supper Prop'
      }
      Supper.prototype.ShowSupperProp = function() {
        console.log(this)
        console.log(this.supProp)
      }
      //  子类型
      function Sub() {
        this.subProp = 'Sub Prop'
      }
      //  子类型的原型为父类型的一个实例对象
      Sub.prototype = new Supper()
      Sub.prototype.constructor = Sub // 修正constructor
      Sub.prototype.showSubProp = function() {
        console.log(this.subProp)
      }
      var sub = new Sub()
      sub.ShowSupperProp()
      sub.showSubProp()

方式二：借用构造函数继承

      function Person(name, age) {
        this.name = name
        this.age = age
      }

      function Student(name, age, price) {
        Person.call(this, name, age) // 相当于this.Person(name,age)
        this.price = price
      }
      var s = new Student('Tom', 12, 12000)
      console.log(s.name, s.age, s.price)

方式三：组合继承

      function Person(name, age) {
        this.name = name
        this.age = age
      }
      Person.prototype.setName = function(name) {
        this.name = name
      }
      function Student(name, age, price) {
        Person.call(this, name, age) // 相当于this.Person(name,age)
        this.price = price
      }
      Student.prototype = new Person()
      Student.prototype.constructor = Student
      Person.prototype.setPrice = function(price) {
        this.price = price
      }
      var s = new Student('Tom', 12, 12000)
      console.log(s.name, s.age, s.price)