Геттеры и сеттеры в JS — зачем они и когда использовать?

Геттер и сеттер — это «свойства-функции». Снаружи они выглядят как обычное свойство (без скобок), но при чтении/записи под капотом вызывается функция. Это даёт возможность встроить логику в момент доступа.

Простой пример:

const user = {
  firstName: 'Иван',
  lastName: 'Петров',

  get fullName() {
    return `${this.firstName} ${this.lastName}`;
  },

  set fullName(value) {
    [this.firstName, this.lastName] = value.split(' ');
  }
};

console.log(user.fullName);        // 'Иван Петров' — сработал get
user.fullName = 'Анна Смирнова';   // сработал set
console.log(user.firstName);       // 'Анна'

Обрати внимание: user.fullName — без скобок! В этом и суть: пользуешься как обычным свойством, а логика всё равно отрабатывает.

Зачем это нужно:

• вычисляемые значения (как fullName выше);
• валидация при записи (например, не дать поставить отрицательный возраст);
• скрыть внутреннее хранение.

Через Object.defineProperty то же самое можно задать программно, уже после создания объекта:

Object.defineProperty(user, 'age', {
  get() { return this._age; },
  set(v) {
    if (v < 0) throw new Error('Возраст не может быть отрицательным');
    this._age = v;
  }
});

На практике геттеры/сеттеры чаще пишут в классах — там синтаксис ровно такой же (get/set перед именем метода).