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()
複製代碼