Menu
CoddyTech

Propriétés calculées

Fait partie de la section Programmation Orientée Objet du Journey JavaScript de Coddy. Leçon 44 sur 56.

Les propriétés calculées sont des accesseurs qui calculent et renvoient une valeur au lieu de simplement renvoyer des données stockées. Elles ressemblent à des propriétés ordinaires, mais calculent leur valeur à la volée.

Examinons l’exemple. Nous avons un objet avec une propriété ordinaire :

const circle = {
  radius: 5
};

Nous ajoutons maintenant une propriété calculée à l’aide d’un accesseur :

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

Voici comment accéder à la propriété calculée :

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

Si nous mettons à jour le rayon, le diamètre est également mis à jour automatiquement :

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

Les propriétés calculées sont utiles lorsque la valeur d’une propriété dépend d’autres propriétés ou nécessite un calcul.

challenge icon

Défi

On vous donne une classe Rectangle avec des propriétés de largeur et de hauteur. Votre tâche consiste à ajouter des propriétés calculées pour l’aire et le périmètre.

  1. Propriété calculée area - renvoie largeur × hauteur
  2. Propriété calculée perimeter - renvoie 2 × (largeur + hauteur)

Essayez vous-même

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

// Code de test - ne pas modifier
const rect = new Rectangle(5, 10);
console.log(`Area: ${rect.area}`);        // Devrait afficher "Area: 50"
console.log(`Perimeter: ${rect.perimeter}`); // Devrait afficher "Perimeter: 30"
quiz iconTestez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Programmation Orientée Objet

Entraînez-vous par vous-même : Compilateur JavaScript en ligne