Menu
Coddy logo textTech

Propiedades computadas

Parte de la sección Programación Orientada a Objetos del Journey de JavaScript de Coddy. Lección 44 de 56.

Las propiedades calculadas son accesores que calculan y devuelven un valor en lugar de simplemente devolver datos almacenados. Se parecen a las propiedades normales, pero calculan su valor sobre la marcha.

Veamos el ejemplo. Tenemos un objeto con una propiedad normal:

const circle = {
  radius: 5
};

Ahora añadimos una propiedad computed usando un getter:

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

Así es como accedemos a la propiedad computed:

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

Si actualizamos el radio, el diámetro también se actualiza automáticamente:

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

Las propiedades calculadas son útiles cuando el valor de una propiedad depende de otras propiedades o requiere un cálculo.

challenge icon

Desafío

Se te proporciona una clase Rectangle con propiedades de ancho y alto. Tu tarea es añadir propiedades calculadas para el área y el perímetro.

  1. Propiedad calculada <strong>area</strong> - devuelve ancho × alto
  2. Propiedad calculada <strong>perimeter</strong> - devuelve 2 × (ancho + alto)

Pruébalo tú mismo

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

// Código de prueba - no modificar
const rect = new Rectangle(5, 10);
console.log(`Area: ${rect.area}`);        // Debería mostrar "Area: 50"
console.log(`Perimeter: ${rect.perimeter}`); // Debería mostrar "Perimeter: 30"
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Programación Orientada a Objetos

Practica por tu cuenta: Compilador de JavaScript online