Почему получаю ошибку Maximum call stack size exceeded?

Question

[Nikita Shchypylov]

var person = {
    name: "Nikita",
    age : 18,
    gender : "male"
}


Object.defineProperty(person, 'age', {
    get : function  () {
        return this.age;
    },
    set : function  (nage) {
        return this.age = nage;
    }
});

console.log(person.age)
person.age = 19;
console.log(person.age)

Вот код
Делаю,как в книге,но выдает ошибку

Comments

[Иван Про]

у меня похожая проблема, и я не знаю как ее решить в VSCode всплывает такая ошибка RangeError: Maximum call stack size exceeded

function toArray(obj) {
const result = [];
for (const prop in obj) {
const value = obj[prop];

if(Array.isArray(value)) {
result.push(value);
} else {
result.push(toArray(value))
}
}
return result .flat(Infinity);
}

Answer 1

[Сергей Протько]

У вас тут идет рекурсивный вызов геттера и сеттера (вы из геттера age вызываете геттер age). Что бы понять что значит эта ошибка - читаем как работают рекурсии и что такое "стэк вызовов".

Comments

[Nikita Shchypylov]

Понял,посомтрю

Answer 2

[Александр]

Установка this.age вызывает сеттер this.age в котором устанавливается this.age который вызывает сеттер this.age и ^.

Comments

[Сергей Протько]

Рекурсия!

[Nikita Shchypylov]

ничего не понял
нашел решение в измение аргумента age на _age
но не знаю почему заработало

[Слава]

Зачем использовать сеттер, если вы "ничего не понял" и не понимаете как он работает?