Kas yra paslaugos ir priklausomybės injekcija Angular?

Question

IT Interview Practice · Accepted Answer

**Paslauga** (service) yra klasė **ne UI logikai** — duomenų paėmimui, verslo taisyklėms, bendrai būsenai, registravimui — kurią komponentai gali naudoti iš naujo. **Priklausomybės injekcija (DI)** yra tai, kaip Angular *teikia* tas paslaugas komponentams, kuriems jos reikalingos, vietoje to, kad komponentai jas kurstų patys.

## Paslaugos apibrėžimas

```ts
import { Injectable } from "@angular/core";

@Injectable({ providedIn: "root" }) // makes it a singleton available app-wide
export class UserService {
  private users = [];
  getUsers() { return this.users; }
  addUser(u) { this.users.push(u); }
}
```

`@Injectable({ providedIn: "root" })` dekoratorius registruoja paslaugą Angular DI sistemoje kaip vieną bendrą instancę (singleton) visai programai.

## Jos injekcija į komponentą

```ts
@Component({ ... })
export class UserListComponent {
  // Angular sees this constructor param and INJECTS the singleton automatically
  constructor(private userService: UserService) {}

users = this.userService.getUsers(); // just use it
}
```

Jūs paprasčiausiai deklaruojate paslaugą kaip konstruktoriaus parametrą; Angular DI **sukuria ir teikia** instancę. Jūs niekada nerašote `new UserService()`. (Šiuolaikinis Angular taip pat gali naudoti `inject()` funkciją vietoje konstruktoriaus injekcijos.)

```ts
import { inject } from "@angular/core";
export class UserListComponent {
  private userService = inject(UserService); // alternative injection style
}
```

## Kodėl DI vertinga

```text
✓ Single source of truth — one shared UserService instance across components
✓ Loose coupling — components depend on the type, not on constructing it
✓ Testability — swap in a mock service in tests easily
✓ Lifecycle management — Angular handles creation and sharing
```

Kadangi komponentas nesukuria savo priklausomybių, testuose galite injekcuoti **suklastotą** paslaugą arba pakeisti realizaciją visoje programoje viename vietoje.

## Kodėl tai svarbu

Paslaugos + DI yra centrinės Angular architektūrai: komponentai lieka sutelkti į UI, o paslaugos laiko logiką ir būseną, o DI jas sujungia su minimaliomis ryšiais.

Šis atskyrimas (ir testavimo galimybės, kurias jis suteikia) yra vienas iš Angular apibrėžiančių stiprybių — paimta iš serverinės pusės sąrangos — ir `@Injectable({ providedIn: 'root' })` yra kasdieninis bendros, injekcuojamos singleton paslaugos šablonas.

Paslaugos apibrėžimas

Jos injekcija į komponentą

Kodėl DI vertinga

Kodėl tai svarbu

Susiję klausimai