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

Доступ более чем к 7700 видеоурокам от $19.99

Подписка
ITVDN logo
Видеокурсы по
программированию

Доступ более чем к 7700 видеоурокам от $19.99

Подписка

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

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

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

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

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

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

Ключ: имя member.

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

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

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

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

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

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

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

В итоге:  

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

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

СТАТЬИ ПО СХОЖЕЙ ТЕМАТИКЕ
ВИДЕО КУРСЫ ПО СХОЖЕЙ ТЕМАТИКЕ
КОММЕНТАРИИ И ОБСУЖДЕНИЯ

ПОДПИСКА НА ITVDN ВЫГОДА ДО 29.95$ НА ОБУЧЕНИЕ ПРЕСТИЖНЫМ ПРОФЕССИЯМ!

1 месяц19.99$
подписка

легкий старт в обучении

3 месяца49.99$
подписка

выгода от подписки до9.98$

6 месяцев89.99$
подписка

выгода от подписки до29.95$