Что такое декоратор в TypeScript и для чего он используется?

Декоратор в TypeScript

• средство метапрограммирования
• функция для изменения классов или их членов
• указывается с помощью @ перед объявлением
• получает целевой объект, имя свойства и его описание
• добавляет поведение, не изменяя исходный код
• работает с классами, методами, свойствами и параметрами
• применяется для DI, логирования, валидации и AOP

Развёрнутый ответ

Краткий ответ

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

Основные особенности

• По сути, декораторы TypeScript представляют собой синтаксический сахар для вызова функций, которым передаются метаданные объекта — например, конструктор класса или метод его prototype.
• Язык поддерживает несколько типов декораторов: class decorators применяются к классам, method decorators — к методам, property decorators — к свойствам, а parameter decorators — к параметрам функций.
• Чтобы использовать декораторы, в компиляторе TypeScript нужно включить параметр experimentalDecorators, поскольку эта функция пока считается экспериментальной.
• Декоратор способен вернуть новый конструктор класса, заменить реализацию метода или изменить свойства. Это делает его гибким инструментом для внедрения cross-cutting concerns, включая логирование, валидацию и DI.

Пример применения

В прикладных проектах декораторы широко используются в популярных фреймворках, включая Angular — для объявления компонентов, сервисов и привязок, — и TypeORM — для описания модели и её свойств. Так, @Component в Angular позволяет декларативно описывать UI-компоненты, избавляя разработчика от ручной настройки. В результате архитектура становится проще, а код — понятнее.