Tasarım deseni nedir?

JavaScript kursu · Uzman · Ders 1/63

Tasarım desenlerinin ne sağladığını ve yaygın katalogları öğrenirsin.

Tasarım deseni nedir?

Bir tasarım deseni (design pattern), yazılım tasarımında sık karşılaşılan bir sorunun tekrar kullanılabilir çözüm şablonudur. Çözümü kopyalayıp yapıştırmazsın; deseni kendi koduna uygularsın.

Desenler deneyimle oluşmuş en iyi uygulamalardır. Ekipler arasında ortak dil sağlar: "burada Singleton kullanalım" dediğinde herkes ne demek istediğini bilir.

Yaygın bir katalog "Gang of Four" (GoF) adıyla bilinen 23 deseni listeler.

Desen katalogları

En bilinen katalog Gang of Four (GoF) kitabıdır ve 23 deseni üç grupta toplar:

Yaratımsal (creational): nesne oluşturmayı düzenler. Örnek: Singleton, Factory.
Yapısal (structural): sınıfları birleştirir. Örnek: Adapter, Decorator.
Davranışsal (behavioral): nesneler arası iletişimi düzenler. Örnek: Observer, Strategy.

Bu grupta dört yaygın deseni ele alacağız: Singleton, Factory, Observer ve Module.

Uygulama Sayaç sınıfı

Adı Counter olan bir sınıf tanımla. Yapıcısı this.count özelliğini 0 yapar. increment() yöntemi this.count değerini bir artırır ve yeni değeri döndürür.

Örnek çözümü göster

class ile başla, yapıcıda this.count = 0 ata, increment içinde this.count++ yapıp return this.count döndür.
Örnek çözüm:
class Counter {
  constructor() {
    this.count = 0;
  }
  increment() {
    this.count++;
    return this.count;
  }
}

Kendini test et

Bir tasarım deseni en iyi nasıl tanımlanır?
- Bir programlama dili özelliği
- Tekrar kullanılabilir bir çözüm şablonu
- Bir hata ayıklama yöntemi
- Bir tarayıcı API'si
Cevabı göster

Tekrar kullanılabilir bir çözüm şablonu — Doğru! Tasarım deseni, sık karşılaşılan bir sorunun tekrar kullanılabilir çözüm şablonudur.

Konsol çağrısını tamamla

class Logger {
  log(message) {
    console.____(message);
  }
}

Cevabı göster

class Logger {
  log(message) {
    console.log(message);
  }
}

Kavramları eşleştir

Tasarım deseni

Tekrar kullanılabilir çözüm şablonu
GoF kataloğu

Yaygın desen listesi
Yaratımsal

Nesne oluşturma
Davranışsal

Nesne iletişimi

Uzman bölümündeki tüm dersler

Tasarım deseni nedir?