Вычисляемые свойства

computed property — это getter, который вычисляет и возвращает значение, вместо того чтобы просто возвращать сохранённые данные. Они выглядят как обычные property, но вычисляют своё значение на лету.

Давайте рассмотрим пример. У нас есть объект с обычным свойством:

const circle = {
  radius: 5
};

Теперь добавим вычисляемое свойство с помощью getter:

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

Так мы получаем доступ к вычисляемому свойству:

console.log(circle.diameter); // Выводит: 10

Если мы обновим radius, diameter также обновится автоматически:

circle.radius = 10;
console.log(circle.diameter); // Выводит: 20

Вычисляемые свойства полезны, когда значение свойства зависит от других свойств или требует вычисления.