Явного ограничения на количество свойств (полей, методов) в объекте нет.
Object.defineProperties
позволяет определить сразу несколько свойств у объекта. Для этого, вторым параметром в данный метод передается объект настроек, имеющий следующую структуру:
{
[propertyName]: propertyDescriptor
}
То есть, каждый ключ объекта отвечает за имя нового свойства, значение, соответствующее этому ключу определяет тип и настройки нового свойства.
Свойства в объекте могут быть двух типов:
Свойства, которые непосредственно хранят какие-то данные. Данному типу соответствует следующая структура propertyDescriptor
{
value: ... // определяет значение свойства
writable: boolean // определяет, можно ли изменить значение свойства с помощью оператора присваивания
// общие настройки
enumerable: boolean // определяет перечислимое ли свойство
configurable: boolean // определяет, можно ли удалить свойство либо изменить его тип
}
Свойства, которые могут предоставлять доступ к каким-то данным. Данному типу соответствует следующая структура propertyDescriptor
{
get: function(){...} // определяет getter
set: function(value){...}// определяет setter
// общие настройки
enumerable: boolean // определяет перечислимое ли свойство
configurable: boolean // определяет, можно ли удалить свойство либо изменить его тип
}
В коде в вопросе идет попытка передать некорректный propertyDescriptor
для свойства getterAndSetter
вместо этого необходимо было сделать два отдельных свойства для name
и age
let obj = {};
Object.defineProperties(obj, {
name: {
set(value) {
console.log('set name:', value);
},
get() {
console.log('get name');
},
},
age: {
set(value) {
console.log('set age:', value);
},
get() {
console.log('get age');
}
}
});
obj.name = "new name";
obj.name;
obj.age = "new age";
obj.age;
В примере выше видно, что для обоих свойств вызываются и геттеры и сеттеры.
Так как эти свойства не хранят данные, чтобы значения запоминались нужно либо добавить соответствующие свойства, либо сохранять/получать значения из каких либо других переменных:
var globalAge = 10;
let obj = {};
Object.defineProperties(obj, {
$name: {
value: 'Name',
writable: true
},
name: {
set(value) {
console.log('set name:', value);
this.$name = value;
},
get() {
console.log('get name');
return this.$name;
},
},
age: {
set(value) {
console.log('set age:', value);
globalAge = value;
},
get() {
console.log('get age');
return globalAge;
}
}
});
console.log('obj.name:', obj.name);
obj.name = "new name";
console.log('obj.name:', obj.name);
console.log('obj.age:', obj.age);
obj.age = "new age";
console.log('obj.age:', obj.age);