JavaScript – делаем код чище с использованием декораторов - Блог ITVDN
ITVDN: курсы программирования
Видеокурсы по
программированию

Заказать звонок

Выбери свою IT специальность

Подписка

Заказать звонок

+38 099 757 27 82

JavaScript – делаем код чище с использованием декораторов

advertisement advertisement

Работая с JavaScript, вам иногда нужно использовать функцию ‘setTimeout’, чтобы выполнить фрагмент кода в следующем tick. Если вы работаете, например, с Angular, то, скорее всего, уже знакомы с чем-то подобным.

Пример ‘setTimeout’ “hack”:

Назовите меня психом, но я терпеть не могу писать код подобным образом, особенно когда ‘setTimeout’ не то, что мне сейчас надо. Давайте сделаем проще. Попробуем превратить функцию ‘setTimeout’ в Декоратор.

Создадим метод Декоратор с названием ‘timeout’, чтобы код был чище.

В typescript или babel-метод Декоратор - это просто функция, имеющая три параметра.

Цель: или функция-конструктор класса для static member, или прототип класса для instance member.

Ключ: имя member.

Дескриптор: свойство Дескриптора для member.

В нашем случае нужно передать аргумент декоратору (количество миллисекунд, которое по умолчанию будет равно нулю), так что будем использовать Decorator Factory.

Decorator Factory – это простая функция, которая возвращает выражение, которое будет вызвано декоратором в рантайме.

Дальше, получаем ссылку на оригинальный метод из значения свойства дескриптора.

Потом переопределяем исходное значение и создаем новую функцию, которая оборачивает исходную с ‘setTimeout’.

Теперь можем использовать наш декоратор следующим образом:

Так намного лучше и вы не будете спорить, что выглядит круче.

В итоге:  

Вы можете использовать декораторы и создавать с ними крутые приложения. Декораторы существуют не только для frameworks или библиотек, так что будьте креативными и используйте их.

Оригинальная статья на английском языке. 

КОММЕНТАРИИ И ОБСУЖДЕНИЯ
advertisement advertisement

Покупай подпискус доступом ко всем курсам и сервисам

Библиотека современных IT знаний в удобном формате

Выбирай свой вариант подписки в зависимости от задач, стоящих перед тобой. Но если нужно пройти полное обучение с нуля до уровня специалиста, то лучше выбирать Базовый или Премиум. А для того чтобы изучить 2-3 новые технологии, или повторить знания, готовясь к собеседованию, подойдет Пакет Стартовый.

Стартовый
  • Все видеокурсы на 3 месяца
  • Тестирование по 10 курсам
  • Проверка 5 домашних заданий
  • Консультация с тренером 30 мин
48.00 $
59.99 $
Оформить подписку
Акция
Базовый
  • Все видеокурсы на 6 месяцев
  • Тестирование по 16 курсам
  • Проверка 10 домашних заданий
  • Консультация с тренером 60 мин
54.00 $
89.99 $
Оформить подписку
Акция
Премиум
  • Все видеокурсы на 1 год
  • Тестирование по 24 курсам
  • Проверка 20 домашних заданий
  • Консультация с тренером 120 мин
85.00 $
169.99 $
Оформить подписку
Акция
Notification success
Мы используем cookie-файлы, чтобы сделать взаимодействие с нашими веб-сайтами и услугами простым и значимым.