Как работают сеттер и геттер в JavaScript?

Question

[bagerman]

Привет!
Как работают сеттер и геттер в JavaScript?

var obj = {
  name: 'Hobbit',
  initialAge: 24,
  get age() {
    return this._age;
  },
  set age(val) {
    return this._age = val;
  }
};


obj.age = 30;
obj.age // возвращает значение _age, но его нет в объекте

Откуда берется свойство _age в объекте, если оно не инициализировано?
Не могу понять специфику работы методов get и set или это операторы? Запарился, объясните плиз

Answer 1

[Иван Соломенников]

Javascript-джедай #19 - Аксессоры и атрибуты свойств

Comments

[bagerman]

Только что смотрел). Откуда берется свойство _age в объекте, если оно не инициализировано?

[Иван Соломенников]

Ты к свойству "age" обращаешься с помощью аксессоров, что тут непонятного?

[bagerman]

capable: Но свойства _age нет в объекте

[bagerman]

capable: get и set это операторы или методы?

[Abc Edc]

return тут химичит

[Иван Соломенников]

bagerman: >>>get и set это операторы или методы?
Это аксессоры.

>>>Но свойства _age нет в объекте
Так ты это свойство при обращении к аксессору "set" создаешь, а получаешь значение свойства при обращении к аксессору "get".

[bagerman]

capable: Хорошо, тогда почему obj._age тоже возвращает 30? Его опять же нет, сейчас не к аксессору же обратился

[Иван Соломенников]

bagerman: Смотри, попробую на пальцах и очень кратко.

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

Присваиваем значение новое свойству, вызывается аксессор "set".
Пытаемся получить, вызывается аксессор "get".

>>>Хорошо, тогда почему obj._age тоже возвращает 30?
Потому что имя свойства не может совпадать с именем аксессора.

[bagerman]

capable: То чувство, когда заепал человека)). Спасибо. Сейчас догнал, но не на 100%

[Иван Соломенников]

bagerman: Там на самом деле всё не так сложно как кажется, а то что ты пытаешься понять как это работает это только плюс.

Ещё, когда ты обращаешься не к "age", а к "_age", ты обращаешься опять же к аксессору, потому что аксессор объявлен в объекте, так как мы знаем что, при обращении к несуществующему свойству объекта нам интерпретатор возвращает специальное значение "undefined".