# JS Внедрение зависимостей | JS Dependency injection

Редактировал(а) Alexandr Fokin 2023/01/06 17:11

Внедрение зависимостей в JavaScript.

Для внедрения зависимостей в JS можно использовать следующую схему.

1) Создаем класс ServieLocator. В нем будут содержаться все зависимости и метод для получения зависимости.
2) Создаем BaseClass, который:
Содержит статичный экземпляр ServieLocator.
В конструкторе принимает список зависимостей.
При выполнении конструктора запрашивает все необходимые зависимоти и бросате ошибку, если зависимость не найдена.

Вопрос абстракции.
Нет возможности определить интерфейс.
Как вариант определять класс без логики. Методы могут быть пустими и бросать ошибку: метод не реализован. Потомок либо переопределит метод либо получит ошибку при вызове.
В пустом классе определить статичное поле - имя абстракции, которое будет использоваться для регистрации и разрешения зависимости.

Интеграция с React
Схожим образом можно интегрироваться с фреймворком типа React:
Создать BaseReactComponent, от которого будут наследоваться все компоненты.
Базовый BaseReactComponent будет создавать экземпляр BaseClass, который выполнит иницилизацию зависимостей, а после полученные зависимости можно скопировать из BaseClass в BaseReactComponent.
При этом BaseReactComponent пробрасывает возможности конструктора BaseClass, позволяя передать массив необходимых зависимостей.

Для создания ServieLocator использовалась библитеока di-xxl. Как показывает практика библиотека не умеет самостоятельно анализировать конструктор (возможно я плохо изучил, но вроде так) и определять необходимые для экземпляра зависимости. Как вариант можно явно прописать список параметров, передаваемых в конструктор, в блоке регистрации зависимости. Но на мой взгляд, более хорошим решением является разрешение зависимостей через ServieLocator в конструкторе базового класса. В таком случае список зависимостей определен в самом классе, а не в блоке регистрации зависимостей.
(Возможно в данном варианте можно обойтись и без библиотеки di-xx. Сделав свое Key-Value хранилище привязок и поддержку singlethon)

Также хочу отметить важность создания строковых переменных с именами условных интерфейсов (привязок для внедрения). Чтобы в случае переименования интерфейса было достаточно заменить одну строковою переменную. А не искать по коду: где именно внедрялася данный интейс, чтобы изменить имя разрешения зависимости.

Ссылки
https://git.denhome.ru/Repository/Detail/d718758f-a0fd-4a64-a5c0-2ac48c5e7695

Теги: DI js
Создал(а) Alexandr Fokin 2020/07/12 19:30

- Комментарии (0)
- Вложения (0)
- История
- Информация

## Приложения