ES6类的继承

• es6的类

class Person {
  constructor(name, age){
    this.name=name;
    this.age=age;
  }
  // 原型成员 
  // 只能有person的实例来访问
  sayHello(){
    console.log(this.name+ 'hello')
  }
  // 静态成员
  // 只能有类本身来访问
  static haha() {
    console.log('sss')
  }
}
var p1=new Person('张三', 18)
p1.sayHello()
Person.haha()
复制代码

• 之前类的写法

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

Person.prototype.sayHello = function () {
  console.log(this.name)
}

var p1 = new Person('张三', 18)

p1.sayHello()
复制代码

• es6类的继承

class Person {
  constructor(name, age){
    this.name=name;
    this.age=age;
  }
  sayHello(){
    console.log(this.name+ 'hello')
  }
  static haha() {
    console.log('sss')
  }
}

// 定义了一个名字叫Student的类， 继承自Person
class Student extends Person {
  // 当子类没有自己的构造函数的时候默认调用父类的构造函数来初始化子类成员
  // 当子类没有了自己的构造函数之后 那么 new Student 就调用自己的构造函数
  // 当子类拥有了自己的构造函数之后,就必须在构造函数中手动调用父类构造函数,把实例成员初始化到子类内部
  // 调用 super 必须在构造函数的第一行调用
  constructor(name, age, stuId) {
    // 构造函数中的super 是一个固定的方法，用来指代当前类的父类构造函数
    super(name, age)
    this.stuId = stuId
    console.log('子类')
  }
  study () {
    console.log('我是子类')
  }
}
const s1=new Student('张三', 18, 123)
s1.study()
s1.sayHello()

class Teacher extends Person {
  constructor(name, age, salary) {
    super(name, age)
    this.salary= salary
  }
  teaching() {
    console.log('teaching')
  }
}

const t1=new Teacher('zzz',19, 100)
t1.sayHello()
复制代码

转载于:https://juejin.im/post/5c7f245c6fb9a049d81c99fb