ES6 Classes & Constructors

What does 'super.draw()' do in this code?

class Shape {
  constructor(color) {
    this.color = color;
  }
  
  draw() {
    return `Drawing a ${this.color} shape`;
  }
}

class Circle extends Shape {
  constructor(color, radius) {
    super(color);
    this.radius = radius;
  }
  
  draw() {
    return `${super.draw()} with radius ${this.radius}`;
  }
}

Creates a new Shape object
Calls the parent class's draw method
The super.draw() call: 1) Invokes the draw() method from the parent class (Shape), 2) Allows the child class to extend functionality rather than completely override it, 3) Enables code reuse by building on parent behavior, 4) Maintains the proper 'this' context within the method call, 5) Is a clean way to access parent class methods compared to pre-ES6 approaches, 6) Shows how method overriding can still leverage parent functionality.
Draws a circle
Throws an error

Next Question (12/28)