Изучение set, get и Object.defineProperty в TypeScript

TypeScript предоставляет мощные инструменты для работы с объектами и их свойствами. В этой статье мы рассмотрим такие ключевые концепции, как get и set методы, а также использование Object.defineProperty для более гибкого управления.

Введение в TypeScript

TypeScript – это строгая типизированная надстройка над JavaScript, предоставляющая возможности для создания масштабируемых, поддерживаемых приложений. Одно из важных аспектов TS – способность работать с объектами, их свойствами, обеспечивая надежный, предсказуемый код.

ОНЛАЙН-ПРАКТИКУМ

ЗАПУСК DEEPSEEK R1 ЛОКАЛЬНО НА СВОЕМ КОМПЬЮТЕРЕ

ЧТО БУДЕТ НА ОБУЧЕНИИ?

• ПОКАЖЕМ, КАК РАЗВЕРНУТЬ МОДЕЛЬ DEEPSEEK R1 ПРЯМО НА СВОЁМ КОМПЬЮТЕРЕ
• Где и как применять? Потестируем модель после установки на разных задачах
• Как дообучить модель под себя?

Участвовать бесплатно

Методы get и set

Геттеры и сеттеры

Геттеры и сеттеры позволяют вам определять, как свойства должны быть прочитаны, записаны. Они предоставляют возможность контролировать его, обеспечивать инкапсуляцию данных.

Определение

Для определения методов в TS используется следующая синтаксис:

class User {

private _name: string;

constructor(name: string) {

this._name = name;

}

get name(): string {

return this._name;

}

set name(newName: string) {

if (newName.length > 3) {

this._name = newName;

} else {

console.log('Name is too short.');

}

}

}

let user = new User('John');

console.log(user.name); // John

user.name = 'Mike';

console.log(user.name); // Mike

user.name = 'Al'; // Name is too short.

В этом примере get нужен для получения значения _name, а set метод – для его установки. Сеттер также включает проверку длины строки перед изменением значения.

Object.defineProperty в TypeScript

Метод Object.defineProperty позволяет точно настроить поведение свойств объекта. С его помощью можно контролировать, будет ли оно перечисляемым, конфигурируемым и/или доступным для записи.

Пример использования

let user = {};

Object.defineProperty(user, 'name', {

value: 'John',

writable: true,

enumerable: true,

configurable: true

});

console.log(user.name); // John

user.name = 'Mike';

console.log(user.name); // Mike

for (let key in user) {

console.log(key); // name

}

delete user.name;

console.log(user.name); // undefined

В этом примере он используется для определения свойства name объекта user с различными дескрипторами.

Дескрипторы свойств

Дескрипторы помогают контролировать их поведение на объектах:

• value: значение.
• writable: если true, значение можно изменять.
• enumerable: если true, оно будет перечисляться в циклах for…in.
• configurable: если true, оно может быть удалено, и его дескрипторы могут быть изменены.

Преимущества

• Инкапсуляция и защита данных: использование помогает инкапсулировать и защитить данные. Можно контролировать доступ к описаниям, обеспечивая, чтобы они изменялись по условию.
• Гибкость и контроль: предоставляет гибкость, контроль над поведением, можно точно настроить их поведение в соответствии с вашими требованиями.
• Читаемость, поддерживаемость кода: четко определенные геттеры и сеттеры, а также использование проперти, делают код более читаемым, легким для сопровождения. Это упрощает отладку, модификацию кода в будущем.

Примеры практического применения

Рассмотрим пример, где необходимо ограничить доступ к приватным свойствам класса:

class Account {

private _balance: number = 0;

get balance(): number {

return this._balance;

}

deposit(amount: number): void {

if (amount > 0) {

this._balance += amount;

}

}

withdraw(amount: number): void {

if (amount > 0 && amount <= this._balance) {

this._balance -= amount;

}

}

}

let account = new Account();

account.deposit(100);

console.log(account.balance); // 100

account.withdraw(50);

console.log(account.balance); // 50

account.withdraw(100); // Невозможно снять больше, чем на счете

Пример с вычисляемыми свойствами

Иногда требуется создать свойства, значения которых вычисляются динамически. Это можно сделать с помощью get методов:

class Rectangle {

constructor(public width: number, public height: number) {}

get area(): number {

return this.width * this.height;

}

}

let rect = new Rectangle(10, 20);

console.log(rect.area); // 200

Пример с Object.defineProperty и проверками

Использование Object.defineProperty для добавления проверок при изменении свойства:

let product = {};

Object.defineProperty(product, 'price', {

get: function() {

return this._price;

},

set: function(value) {

if (value < 0) {

console.log('Price cannot be negative');

} else {

this._price = value;

}

},

enumerable: true,

configurable: true

});

product.price = 100;

console.log(product.price); // 100

product.price = -20; // Price cannot be negative

Заключение

Изучение и использование get, set и Object.defineProperty в TS открывают множество возможностей для гибкого управления свойствами объектов. Эти инструменты позволяют вам контролировать доступ к данным, инкапсулировать их, делать ваш код более надежным и предсказуемым.