Что такое дескрипторы свойств объектов в JavaScript и как их можно использовать на практике?

Question

Дескрипторы свойств — это специальные объекты, которые описывают атрибуты свойства объекта, такие как возможность его изменения, перечисления или удаления. Используя дескрипторы, можно точно контролировать, как свойства объекта будут вести себя. Например, можно сделать свойство неизменяемым или скрыть его от перебора через цикл.

YeaHub · Accepted Answer

В JavaScript свойства объектов имеют не только значения, но и определённые атрибуты, называемые дескрипторами. Эти дескрипторы дают возможность управлять тем, как свойство ведёт себя в объекте.Существуют два типа дескрипторов:Дескриптор данных (data descriptor): Описывает обычное свойство с его значением.value: текущее значение свойства.writable: можно ли изменять значение свойства.enumerable: будет ли свойство участвовать в перечислениях (например, при использовании for...in).configurable: можно ли удалять или изменять атрибуты свойства.Дескриптор доступа (accessor descriptor): Определяет свойства с геттерами и сеттерами.get: функция, которая возвращает значение свойства.set: функция, которая устанавливает значение свойства.enumerable и configurable: аналогично дескриптору данных.Пример использования дескрипторов:let person = {}; 
Object.defineProperty(person, 'name', {
	value: 'Alice',  
	writable: false, // Свойство не может быть изменено  
	enumerable: true, // Свойство будет отображаться в перечислениях  
	configurable: false // Свойство нельзя будет удалить или изменить 
}); 
console.log(person.name); // "Alice" 
person.name = 'Bob'; // Ошибка в строгом режиме, игнорируется в нестрогомДескрипторы полезны для контроля поведения объектов, особенно при работе с внешними библиотеками или API, где важно избежать случайных изменений в объектах. Например, с их помощью можно сделать свойства объекта только для чтения или скрыть их от циклов перебора.Кроме того, дескрипторы помогают реализовать инкапсуляцию через геттеры и сеттеры:let user = {
	get fullName() {
		return `${this.firstName} ${this.lastName}`;  
	},  
	set fullName(name) {
		[this.firstName, this.lastName] = name.split(' ');  
	} 
}; 
user.fullName = 'John Doe'; 
console.log(user.firstName); // "John" 
console.log(user.lastName); // "Doe"Использование дескрипторов свойств повышает гибкость работы с объектами и даёт возможность точного контроля за их поведением.