Menu
Coddy logo textTech

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é computed à l’aide d’un getter :

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

Voici comment accéder à la propriété computed :

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

Si nous mettons à jour le rayon, le diamètre se met automatiquement à jour lui aussi :

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

Les propriétés computed sont utiles lorsque la valeur d'une property 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 <strong>area</strong> - renvoie largeur × hauteur
  2. Propriété calculée <strong>perimeter</strong> - 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