JSOOP ES6继承（extends、super和方法重写）

最新推荐文章于 2024-10-10 08:00:00 发布

原创

最新推荐文章于 2024-10-10 08:00:00 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#extends #super #方法重写 #JS OOP #JavaScript

本文探讨了JavaScript中的ES6特性，重点在于`extends`关键字如何实现类的继承，`super`关键字如何在子类中调用父类的方法，以及如何有效地进行方法重写。通过实例解析，帮助开发者深入理解这些概念在实际编程中的应用。

extends

class Shape {
  move() {
    console.log('move')
  }
}
class Circle extends Shape {
  draw() {
    console.log('draw')
  }
}

const c = new Circle()

super

class Shape {
  constructor (color) {
    this.color = color
  }
  move() {
    console.log('move')
  }
}
class Circle extends Shape {
  constructor(color, radius) {
    super(color)
    this.radius = radius
  }
  draw() {
    console.log('draw')
  }
}

const c = new Circle('red', 1)