Menu
Coddy logo textTech

Właściwości obliczane

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

Właściwości obliczane to akcesory pobierające, które obliczają i zwracają wartość, zamiast po prostu zwracać przechowywane dane. Wyglądają jak zwykłe właściwości, ale obliczają swoją wartość na bieżąco.

Przyjrzyjmy się przykładowi. Mamy obiekt ze zwykłą właściwością:

const circle = {
  radius: 5
};

Teraz dodamy właściwość obliczaną za pomocą gettera:

const circle = {
  radius: 5,
  get diameter() {
    return this.radius * 2;
  }
};

Tak uzyskujemy dostęp do obliczanej właściwości:

console.log(circle.diameter); // Wyświetla: 10

Jeśli zaktualizujemy promień, średnica również zostanie automatycznie zaktualizowana:

circle.radius = 10;
console.log(circle.diameter); // Wyświetla: 20

Właściwości obliczane są przydatne, gdy wartość właściwości zależy od innych właściwości lub wymaga obliczenia.

challenge icon

Wyzwanie

Dana jest klasa Rectangle z właściwościami width i height. Twoim zadaniem jest dodanie właściwości obliczanych dla pola powierzchni i obwodu.

  1. Właściwość obliczana <strong>area</strong> — zwraca width × height
  2. Właściwość obliczana <strong>perimeter</strong> — zwraca 2 × (width + height)

Spróbuj swoich sił

import { Rectangle } from './rectangle.js';

// Kod testowy - nie modyfikuj
const rect = new Rectangle(5, 10);
console.log(`Area: ${rect.area}`);        // Powinno wypisać "Area: 50"
console.log(`Perimeter: ${rect.perimeter}`); // Powinno wypisać "Perimeter: 30"
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