Uporedite obrasce dizajna koje ste koristili u drugim programskim jezicima sa obrascima koji se koriste u TypeScript-u.

Razvoj frontend-a na TypeScript često se oslanja na klasične obrasce dizajna i prilagođava ih specifičnostima JavaScript-a i statičke tipizacije. Razlike su uglavnom uslovljene dinamičnošću JS-a i mogućnostima TS.

Osnovni obrasci, često prisutni u TypeScript-u:

• Singleton: Implementira se putem statičke osobine ili funkcije koja vraća jedinični primer klase. Za razliku od jezika sa strožom kontrolom pristupa, u JS/TS ovo je više dogovor.
• Factory Method / Abstract Factory: Koriste se za kreiranje objekata. U TS-u se mogu primenjivati interfejsi za definisanje ugovora fabrika i klasa, čime se povećava sigurnost tipova u poređenju sa čistim JS-om.
• Observer: Često se koristi za pretplate i obaveštenja, na primer u reaktivnim bibliotekama ili pri radu sa događajima. Tipizacija pretplatnika i podataka događaja poboljšava pouzdanost.
• Strategy: Omogućava inkapsulaciju različitih algoritama i izbor istih tokom izvršavanja. TypeScript pomaže da se osigura da sve strategije implementiraju isti interfejs.

Uporedba sa drugim jezicima (C# / Java kao primer):

Obrazac	TypeScript (Karakteristike)	Drugi jezici (C# / Java) (Karakteristike)
Singleton	Zavisno od dogovora, nema stroge modifikatore pristupa.	Često se implementira pomoću private konstruktora i statičke metode.
Factory	Korišćenje interfejsa za ugovore.	Snažna tipizacija, abstract klase.
Observer	Široko se koristi u reaktivnom programiranju.	Često sa korišćenjem klasa, event / slušalaca.
Strategy	Korišćenje interfejsa za definisanje ponašanja.	Implementacija putem interfejsa ili apstraktnih klasa.
Decorator	Nativna podrška putem sintakse @.	Implementacija putem nasleđivanja ili obuhvatanja.
Adapter	Dostupnost funkcija višeg reda olakšava implementaciju.	Obično se implementira putem nasleđivanja ili kompozicije.

Razlike:

• Dinamička priroda JS: Neki obrasci, povezani sa introspekcijom ili dinamičkim kreiranjem objekata, mogu biti jednostavniji u čistom JS, ali TypeScript dodaje nivo sigurnosti.
• Tipizacija: Najvažnija razlika. TypeScript omogućava korišćenje interfejsa, generičkih i statičke analize za implementaciju obrazaca sa većom pouzdanošću. Na primer, obrazac Decorator ima nativnu podršku u TypeScript-u.
• Asinhronost: Obrasci povezani sa asinhronošću (npr. Promises, async/await) su centralniji u frontend razvoju i TypeScript ih dobro podržava.

Primer implementacije Singleton-a u TypeScript-u:

class Singleton {
  private static instance: Singleton;
  private constructor() {
    // Inicijalizacija
  }
  public static getInstance(): Singleton {
    if (!Singleton.instance) {
      Singleton.instance = new Singleton();
    }
    return Singleton.instance;
  }
  // Metode klase
}

Uopšteno, obrasci u TypeScript-u odražavaju klasične principe, ali su prilagođeni ekosistemu JavaScript-a, aktivno koristeći mogućnosti statičke tipizacije za poboljšanje koda i sprečavanje grešaka.