Menu
Coddy logo textTech

Dziedziczenie

Część sekcji Programowanie obiektowe ścieżki JavaScript w Coddy. Lekcja 24 z 56.

Dziedziczenie w programowaniu obiektowym JavaScript to sposób, dzięki któremu jedna klasa uzyskuje dostęp do wszystkich właściwości i metod innej klasy.

Przyjrzyjmy się przykładowi. Utwórz klasę nadrzędną:

class Vehicle {
 constructor(brand, model) {
   this.brand = brand;
   this.model = model;
 }
 drive() {
   console.log("Driving!");
 }
}

Teraz utwórz klasę potomną, która dziedziczy po klasie Vehicle:

// Car dziedziczy po Vehicle
class Car extends Vehicle {
 honk() {
   console.log("Beep beep!");
 }
}

Utwórz instancję klasy potomnej:

const myCar = new Car("Toyota", "Camry");

Dostęp do właściwości i metod:

console.log(myCar.brand);  // "Toyota" - odziedziczone po Vehicle
console.log(myCar.model);  // "Camry" - odziedziczone po Vehicle
// Car ma dostęp do metod Vehicle
myCar.drive();  // "Driving!" - odziedziczone po Vehicle
// Car ma również własne metody
myCar.honk();   // "Beep beep!" - charakterystyczne dla Car
challenge icon

Wyzwanie

Otrzymujesz klasę Animal oraz klasę Dog, która po niej dziedziczy. Twoim zadaniem jest utworzenie obiektu myDog o imieniu "Buddy" i wieku 3.

Spróbuj swoich sił

import { Dog } from './animal.js';

// TODO: Utwórz obiekt myDog o imieniu "Buddy" i wieku 3 lat.


// Kod testowy – nie modyfikuj
console.log(myDog.name);  // Powinno wyświetlić "Buddy"
console.log(myDog.age);  // Powinno wyświetlić 3
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Programowanie obiektowe

Poćwicz samodzielnie: Kompilator JavaScript online