Angular'da hizmetler (services) ve dependency injection nedir?

Question

Accepted Answer

**Hizmet**, **UI olmayan mantık** — veri getirme, iş kuralları, paylaşılan durum, günlüğe kaydetme — için bir sınıftır ve bileşenler bunu yeniden kullanabilir. **Dependency Injection (DI)**, Angular'ın bu hizmetleri ihtiyaç duyan bileşenlere *sağlamasının* yoludur; bileşenlerin bunları manuel olarak oluşturmasının yerine.

## Bir hizmet tanımlamak

```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" })` dekoratörü, hizmeti Angular'ın DI sistemiyle tüm uygulama için tek bir paylaşılan örnek (singleton) olarak kaydeder.

## Bunu bir bileşene enjekte etmek

```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
}
```

Hizmeti basitçe bir kurucu parametresi olarak bildirirsiniz; Angular DI örneği **oluşturur ve sağlar**. Hiçbir zaman `new UserService()` yazmazsınız. (Modern Angular, kurucu enjeksiyonu yerine `inject()` işlevini de kullanabilir.)

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

## DI neden değerlidir

```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
```

Bileşen kendi bağımlılıklarını oluşturmadığı için, testlerde **sahte** bir hizmet enjekte edebilir veya uygulamada değişiklikleri bir yerde yapabilirsiniz.

## Neden önemli

Hizmetler + DI Angular mimarisinin merkezindedir: bileşenler UI'ye odaklanmış kalırken hizmetler mantık ve durumu barındırır ve DI bunları minimal bağlantı ile bir araya getirir.

Bu ayrım (ve getirdiği test edilebilirlik) Angular'ın tanımlayıcı güçlerinden biridir — arka uç çerçevelerinden ödünç alınmış — ve `@Injectable({ providedIn: 'root' })` paylaşılan, enjekte edilebilir bir singleton için gündelik modeldir.