Menu
Coddy logo textTech

Proprietà calcolate

Fa parte della sezione Programmazione orientata agli oggetti del percorso JavaScript di Coddy. Lezione 44 di 56.

Le proprietà calcolate sono getter che calcolano e restituiscono un valore invece di restituire semplicemente dati memorizzati. Sembrano proprietà normali, ma calcolano il proprio valore al momento.

Diamo un'occhiata all'esempio. Abbiamo un oggetto con una proprietà normale:

const circle = {
  radius: 5
};

Ora aggiungiamo una proprietà calcolata usando un getter:

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

Ecco come accediamo alla proprietà calcolata:

console.log(circle.diameter); // Produce: 10

Se aggiorniamo il raggio, anche il diametro si aggiorna automaticamente:

circle.radius = 10;
console.log(circle.diameter); // Stampa: 20

Le proprietà calcolate sono utili quando il valore di una proprietà dipende da altre proprietà o richiede un calcolo.

challenge icon

Sfida

Ti viene fornita una classe Rectangle con proprietà width e height. Il tuo compito è aggiungere proprietà calcolate per l'area e il perimetro.

  1. Proprietà calcolata <strong>area</strong> - restituisce width × height
  2. Proprietà calcolata <strong>perimeter</strong> - restituisce 2 × (width + height)

Provalo tu

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

// Codice di test - non modificare
const rect = new Rectangle(5, 10);
console.log(`Area: ${rect.area}`);        // Dovrebbe produrre "Area: 50"
console.log(`Perimeter: ${rect.perimeter}`); // Dovrebbe produrre "Perimeter: 30"
quiz iconMettiti alla prova

Questa lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.

Tutte le lezioni di Programmazione orientata agli oggetti

Esercitati da solo: Compilatore JavaScript online