es6 的继承语法

es6 的继承语法
+ es6 有自己的书写 类 的语法叫做 class
+ es6 也有自己的 继承 关键字

  继承
    1. 书写子类的时候
      + 写成: class 子类 extends 父类
        => class Student extends Person {}
        => 创建一个继承自 Person 的子类 Student
    2. 在子类的 constructor 里面书写
      + super() 来完成继承
      + super() 就相当于在借用父类构造函数

  注意:
    + 当你书写 super 的时候
    + 必须先写 super, 后写你自己的内容

    // 1. 准备一个父类
    class Person {
      constructor (name) {
        // 等价于我们的构造函数体
        this.name = name
      }

      // 原型上的方法
      sayHi () {
        console.log('hello world')
      }
    }

    // 2. 准备一个子类
    //    一个继承自 Person 的 Student 子类
    class Student extends Person {
      constructor (age, name) {
        // super(name) // 就相当于我们 es5 的借用构造函数继承
        // 只不过不需要我们写 call 去改变 this 指向了
        // 直接帮我们改变好 this 指向了, 我们只需要传递参数就可以了

        super(name)
        this.age = age
      }

      son () {
        console.log('我是 子类的方法')
      }

    }

    var s1 = new Student(18, 'Jack')
    console.log(s1)