Klasy — JavaScript

Klasa to szablon do tworzenia obiektów z własnymi danymi i metodami.

Jak to działa?

constructor uruchamia się przy tworzeniu obiektu przez new. this oznacza bieżący obiekt.

Przykład 1 — poznaj zapis

class Player {
  constructor(name) {
    this.name = name;
  }

  greet() {
    return `Cześć, ${this.name}`;
  }
}

console.log(new Player("Adam").greet());

Wynik: Cześć, Adam.

Przeczytaj kod linijka po linijce

class Player {Definiujemy nowy typ obiektu lub umowę dotyczącą jego zachowania.
this.name = name;Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
return `Cześć, ${this.name}`;Zwracamy wyliczoną wartość do miejsca wywołania funkcji.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Cześć, Adam

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

class Car { constructor(brand) { this.brand = brand; } }
console.log(new Car("Volvo").brand);

Wynik drugiego przykładupo uruchomieniu przykładu

Volvo

Sprawdź, czy rozumiesz

Wróć do pierwszego przykładu, zmień jedną wartość i spróbuj samodzielnie przewidzieć wynik. Następnie uruchom kod i porównaj rezultat. W ten sposób nauczysz się nie tylko przepisywać instrukcje, ale rozumieć ich działanie.

Spróbuj samodzielnie

Dodaj do klasy pole score i metodę addPoints(points).