构造函数与原型方法

  1. // class 关键词
  3. // function Person (name) {
  4. //   this.name = name
  5. // }
  7. // Person.prototype.say = function () {
  8. //   console.log(`hi, my name is ${this.name}`)
  9. // }
  11. class Person {
  12.   constructor (name) {
  13.     this.name = name
  14.   }
  16.   say () {
  17.     console.log(`hi, my name is ${this.name}`)
  18.   }
  19. }
  21. const p = new Person('tom')
  22. p.say()

静态方法

  1. // static 方法
  3. class Person {
  4.   constructor (name) {
  5.     this.name = name
  6.   }
  8.   say () {
  9.     console.log(`hi, my name is ${this.name}`)
  10.   }
  12.   static create (name) {
  13.     return new Person(name)
  14.   }
  15. }
  17. const tom = Person.create('tom')
  18. tom.say()

继承

  1. // extends 继承
  3. class Person {
  4.   constructor (name) {
  5.     this.name = name
  6.   }
  8.   say () {
  9.     console.log(`hi, my name is ${this.name}`)
  10.   }
  11. }
  13. class Student extends Person {
  14.   constructor (name, number) {
  15.     super(name) // 父类构造函数
  16.     this.number = number
  17.   }
  19.   hello () {
  20.     super.say() // 调用父类成员
  21.     console.log(`my school number is ${this.number}`)
  22.   }
  23. }
  25. const s = new Student('jack', '100')
  26. s.hello()