Observer (Gözlemci) deseni nedir?

Question

Accepted Answer

**Observer** deseni, **bire-çok bağımlılık** tanımlayan ve birden fazla nesnenin (gözlemciler) başka bir nesne (konu) durumunu değiştirdiğinde otomatik olarak bildirildiği bir desendir. Soyutlanmış, olay odaklı iletişimi sağlar — UI'larda, olay sistemlerinde ve reaktif programlamada yaygın olarak kullanılır.

## Observer deseninin yaptığı şey

```text
OBSERVER → a SUBJECT maintains a list of OBSERVERS and NOTIFIES them on state changes:
  → observers SUBSCRIBE to the subject
  → when the subject changes → it notifies ALL subscribed observers automatically
  → observers react to the notification (update themselves)
→ one-to-many: one subject, many observers; DECOUPLED (subject doesn't know observer details)
```

## Örnek

```js
class Subject {
  observers = [];
  subscribe(obs) { this.observers.push(obs); }
  notify(data) { this.observers.forEach(obs => obs.update(data)); }  // notify all
}
// observers implement update(); they subscribe and get notified on changes
subject.subscribe({ update: (data) => console.log('notified:', data) });
subject.notify('state changed');   // all observers are called
```

## Nerede kullanılır (çok yaygın)

```text
✓ UI EVENTS → event listeners (click handlers) are observers of UI events
✓ REACTIVE programming / state management → components observe state changes (re-render)
✓ PUB/SUB and event systems → subscribers react to published events
✓ MVC → views observe the model; notifications (e.g. RxJS, signals, event emitters)
→ one of the most widely-used patterns (event-driven systems everywhere)
```

## Neden önemli

Observer desenini anlamak değerlidir çünkü **en yaygın kullanılan desenlerden biridir**, olay odaklı ve reaktif sistemlerin temelinde yer alır, bu nedenle önemli, geniş kapsamlı tasarım bilgisidir.

Observer deseni — bir konunun durumu değiştiğinde gözlemcilerine otomatik olarak bildirim yaptığı bire-çok bağımlılık — **soyutlanmış, olay odaklı iletişim** sağlar; bu, modern yazılımın nasıl çalıştığının temelidir.

Mekanizmi anlamak (gözlemcilerin bir konuya abone olması, konunun tümüne değişiklik hakkında bilgi vermesi, gözlemcilerin tepki göstermesi — konunun gözlemci detaylarından soyutlanması) temel bilgidir.

En önemlisi, **nerede kullanıldığını** anlamak, yaygınlığını ortaya çıkarır: **UI olayları** (olay dinleyiciler ve tıklama işleyicileri gözlemcidir), **reaktif programlama ve durum yönetimi** (bileşenler durumu gözlemler ve yeniden render ederler — React gibi çerçevelerin merkezinde), **pub/sub ve olay sistemleri** (abonenler olaylara tepki gösterirler) ve MVC (görünümler modelleri gözlemler), ayrıca reaktif kütüphaneler (RxJS, sinyaller, olay yayıcıları).

Observer deseninin bu her yerde bulunan mekanizmlerin altında yattığını fark etmek, onu en pratik olarak önemli desenlerden biri haline getirir, çünkü olay odaklı ve reaktif programlama modern yazılımda her yerde bulunur (UI'lar, durum yönetimi, olay sistemleri).

Bunu anlamak, çalıştığınız koddaki bu desenleri tanımanıza ve tartışmanıza yardımcı olur.

Observer deseni, en yaygın kullanılan desenlerden biri olduğu için (UI olaylarının, reaktif programlamanın, durum yönetiminin ve pub/sub'ın temelinde — modern yazılımda yaygın) ve yazılımın büyük kısmının nasıl çalıştığının merkezinde olan soyutlanmış, olay odaklı iletişimi sağladığı için, ve bunu anlamak UI'lar, durum yönetimi ve olay sistemlerinin nasıl çalıştığını anlamanızı sağladığı için, Observer desenini anlamak değerlidir, geniş kapsamlı tasarım bilgisidir — en önemli ve yaygın olarak kullanılan desenlerden biridir, modern yazılımda yaygın olan olay odaklı ve reaktif sistemlerin temelinde yer alır ve UI'lar, durum yönetimi ve olay sistemlerinin nasıl çalıştığını anlamak için gereklidir.