Metody obiektu i this — JavaScript

Słowo this w metodzie odnosi się do obiektu, na którym jest wywołana.

Cel lekcji

Poznać zagadnienie „Metody obiektu i this”, zrozumieć przykład i umieć zastosować podobny zapis we własnym programie.

Wyjaśnienie krok po kroku

Dzięki temu dwa obiekty tej samej klasy mogą przechowywać inne wartości.

Najpierw przeanalizuj kod bez uruchamiania. Zwróć uwagę, jakie dane wykorzystuje program, co z nimi robi i skąd bierze się wynik pokazany pod przykładem.

Praktyczny przykład

Gdzie zobaczysz efekt: Konsola przeglądarki lub Node.js

class Counter {
  constructor() { this.value = 0; }
  add() { this.value++; }
}
const c = new Counter();
c.add();
console.log(c.value);

Przeczytaj kod linijka po linijce

class Counter {Definiujemy nowy typ obiektu lub umowę dotyczącą jego zachowania.
constructor() { this.value = 0; }Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
const c = new Counter();Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Jak utrwalić tę umiejętność?

Przepisz kod samodzielnie. Następnie zmień jedną wartość lub jedną instrukcję i spróbuj przewidzieć efekt. Dopiero potem uruchom zmienioną wersję. Jeśli wynik jest inny niż oczekiwany, porównaj kolejne linie.

Spróbuj samodzielnie

Dodaj metodę reset() ustawiającą zero.