Lära Class Inheritance with extends | Inheritance and Encapsulation

Understanding how to build relationships between classes is a key part of mastering object-oriented programming in JavaScript. The extends keyword is central to this process. When you use extends, you create a new class (a subclass or child class) that inherits the properties and methods of another class (the parent or base class). This allows you to reuse and organize code efficiently, letting subclasses specialize or expand on the behavior defined in their parent classes.

For example, you might have a general Animal class that describes features common to all animals. Then, you can create a Dog class that extends Animal, automatically gaining all the abilities and properties of Animal while also adding features unique to dogs.


              123456789101112131415161718
            
class Animal {
  constructor(name) {
    this.name = name;
  }
  speak() {
    console.log(`${this.name} makes a sound.`);
  }
}

class Dog extends Animal {
  bark() {
    console.log(`${this.name} barks.`);
  }
}

const myDog = new Dog("Rex");
myDog.speak(); // Rex makes a sound.
myDog.bark(); // Rex barks.

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 1

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Suggested prompts:

Can you explain how inheritance works in this example?

What happens if I add a method with the same name in both the parent and child class?

Can you show how to add more subclasses that extend Animal?

Awesome!

Completion rate improved to 6.25

Svep för att visa menyn


              123456789101112131415161718
            
class Animal {
  constructor(name) {
    this.name = name;
  }
  speak() {
    console.log(`${this.name} makes a sound.`);
  }
}

class Dog extends Animal {
  bark() {
    console.log(`${this.name} barks.`);
  }
}

const myDog = new Dog("Rex");
myDog.speak(); // Rex makes a sound.
myDog.bark(); // Rex barks.

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 1