Lernen Calling Parent Constructors with super | Inheritance and Encapsulation

When you create a subclass in JavaScript using the extends keyword, the subclass inherits properties and methods from its parent class. However, to properly initialize the parent class's properties within the subclass's constructor, you must use the super keyword. The super keyword acts as a reference to the parent class's constructor and allows you to call it from within the subclass. This is essential because, in JavaScript, a subclass constructor cannot access this until after it has called super. By calling super, you ensure that all properties defined in the parent class are correctly set up before you add or modify properties specific to the subclass. This mechanism not only enables property inheritance but also allows you to extend or customize the initialization process for your subclasses.


              1234567891011121314151617181920
            
// Parent class
class Vehicle {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
}

// Subclass
class Car extends Vehicle {
  constructor(make, model, doors) {
    super(make, model); // Call parent constructor
    this.doors = doors; // Additional property for Car
  }
}

const myCar = new Car("Toyota", "Corolla", 4);
console.log(myCar.make); // Output: Toyota
console.log(myCar.model); // Output: Corolla
console.log(myCar.doors); // Output: 4

War alles klar?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2

Fragen Sie AI

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you explain what happens if you forget to call `super` in the subclass constructor?

How does method overriding work in JavaScript subclasses?

Can you show an example with more than one level of inheritance?

Awesome!

Completion rate improved to 6.25

Swipe um das Menü anzuzeigen


              1234567891011121314151617181920
            
// Parent class
class Vehicle {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
}

// Subclass
class Car extends Vehicle {
  constructor(make, model, doors) {
    super(make, model); // Call parent constructor
    this.doors = doors; // Additional property for Car
  }
}

const myCar = new Car("Toyota", "Corolla", 4);
console.log(myCar.make); // Output: Toyota
console.log(myCar.model); // Output: Corolla
console.log(myCar.doors); // Output: 4

War alles klar?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2