TypeScript Academy · Lekcja

Kontenery DI z InversifyJS

Rejestruj i rozwiązuj usługi za pomocą kontenera

Lekcja 3 z 413 kroki

Kontenery DI z InversifyJS to bezpłatna lekcja TypeScript Academy na CoddyKit. To lekcja 3 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej TypeScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs TypeScript Academy zawiera 4 lekcji w sumie.

Dlaczego kontener DI

Ręczne łączenie dużych grafów obiektów jest uciążliwe i podatne na błędy. Kontener DI rejestruje sposób tworzenia każdej zależności i automatycznie je rozwiązuje. InversifyJS to popularny kontener dla TypeScript.

Instalowanie i włączanie

InversifyJS korzysta z dekoratorów i metadanych refleksji. Należy importować elementy z inversify oraz włączyć experimentalDecorators i reflect-metadata.

import "reflect-metadata";
import { Container, injectable, inject } from "inversify";

Oznaczanie klas za pomocą @injectable

Dekorator @injectable() informuje kontener, że dana klasa może być konstruowana i wstrzykiwana. Każda klasa tworzona przez kontener go potrzebuje.

import { injectable } from "inversify";

@injectable()
class ConsoleLogger {
  log(m: string) { console.log(m); }
}

Deklarowanie zależności za pomocą @inject

Użyj @inject(token) przy parametrach konstruktora, aby wskazać kontenerowi, które powiązanie ma dostarczyć. Token identyfikuje zależność.

@injectable()
class OrderService {
  constructor(@inject("Logger") private logger: ConsoleLogger) {}
  place() { this.logger.log("placed"); }
}

Tworzenie kontenera

Element Container przechowuje wszystkie powiązania aplikacji. Kontener jest tworzony podczas uruchamiania aplikacji, a następnie rejestruje się w nim zależności.

import { Container } from "inversify";
const container = new Container();

Powiązanie interfejsu z klasą Impl

Fluent API bind<T>(token).to(Impl) mapuje token, często będący interfejsem, na konkretną klasę, którą kontener utworzy.

interface Logger { log(m: string): void; }
container.bind<Logger>("Logger").to(ConsoleLogger);

Rozwiązywanie usług

container.get<T>(token) tworzy żądaną usługę, rekurencyjnie konstruując i wstrzykując za Państwa jej zależności.

container.bind<OrderService>(OrderService).toSelf();
const svc = container.get<OrderService>(OrderService);
svc.place();

Zamiana implementacji

Aby użyć innego rejestratora, należy ponownie powiązać token z inną klasą. Odbiorcy pozostają bez zmian, ponieważ zależą od tokenu, a nie od konkretnej klasy.

@injectable()
class SilentLogger implements Logger { log() {} }
container.rebind<Logger>("Logger").to(SilentLogger);

Zakres singletonu

Domyślnie każde wywołanie get może utworzyć nową instancję. Użyj inSingletonScope(), aby współdzielić jedną instancję w całej aplikacji.

container.bind<Logger>("Logger").to(ConsoleLogger).inSingletonScope();

Testowanie za pomocą kontenera

W testach można utworzyć świeży kontener i powiązać z nim atrapy, uzyskując te same korzyści z konfiguracji, a jednocześnie izolując testowany moduł.

const testContainer = new Container();
testContainer.bind<Logger>("Logger").to(SilentLogger);

Kompromisy związane z kontenerem

Kontenery ograniczają ilość powtarzalnego kodu w przypadku dużych grafów, ale dodają zależność, dekoratory i dodatkową warstwę pośrednią. W małych aplikacjach ręczne wstrzykiwanie przez konstruktor jest często bardziej przejrzyste.

Szybkie sprawdzenie

Szybkie sprawdzenie wiedzy z tej lekcji.

Odpowiedz w interaktywnej lekcji

Podsumowanie

InversifyJS korzysta z @injectable, @inject(token) oraz obiektu Container. Wykonuje się bind<Interface>(token).to(Impl), a container.get automatycznie rozwiązuje graf zależności. Wymaga to reflect-metadata i dekoratorów, co pozwala ograniczyć kod pomocniczy kosztem dodatkowej pośredniej warstwy.

Bezpłatny start

Ucz się TypeScript dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy: 101
Lekcje: 352

Zacznij naukę bezpłatnie Wyświetl pełny kurs

Często zadawane pytania

Czy lekcja „Kontenery DI z InversifyJS” jest bezpłatna?

Tak — pełny tekst „Kontenery DI z InversifyJS” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu TypeScript Academy, przejdź na CoddyKit PRO. Kurs TypeScript Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Kontenery DI z InversifyJS”?

Rejestruj i rozwiązuj usługi za pomocą kontenera Ćwiczysz TypeScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć TypeScript Academy?

Nie wymagamy żadnego doświadczenia. TypeScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 3 z 4.

Ile czasu zajmuje lekcja „Kontenery DI z InversifyJS”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji TypeScript Academy?

Tak. Każda lekcja TypeScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

← Powrót do TypeScript Academy