Jenerikler

Bir sonraki derse hoş geldiniz! Bu derste, yeniden kullanılabilir ve tür güvenli bileşenler oluşturmanızı sağlayan güçlü bir TypeScript özelliği olan jenerikleri öğreneceksiniz. Hadi başlayalım!

Jenerikler Nedir?

Jenerikler, herhangi bir türle çalışan yeniden kullanılabilir kod yazmanızı sağlar. Kullandığınız sırada belirleyebileceğiniz türler için yer tutucu görevi görürler.

Örnek: Jenerik bir işlev:

Görev: Bir bağımsız değişken alan ve bunu değiştirmeden döndüren jenerik bir işlev yazın.

function identity<T>(value: T): T {
  return value;
}

console.log(identity<string>("Hello")); 
// Output: Hello
console.log(identity<number>(42)); 
// Output: 42

Jenerikler Neden Kullanılır?

Jenerikler şunları yapmanıza yardımcı olur:

• Yeniden kullanılabilir kod yazın: İşlevler ve sınıflar farklı türlerle çalışabilir.
• Tür güvenliğini sağlayın: Esnekliği kaybetmeden belirli türleri zorunlu kılabilirsiniz.
• Gereksiz tekrarı azaltın: Farklı türler için aynı işlevin veya sınıfın ayrı sürümlerini yazmaktan kaçının.

İpucu: Daha esnek ve bakımı kolay kod yazmak için jenerikleri kullanın.

Jenerik İşlevler

Esnek işlevler oluşturmak için jenerikleri kullanabilirsiniz. Örnek:

Görev: İki nesneyi birleştiren ve sonucu döndüren jenerik bir işlev yazın.

function merge<T, U>(obj1: T, obj2: U): T & U {
  return { ...obj1, ...obj2 };
}

let merged = merge({ name: "Alice" }, { age: 25 });
console.log(merged); 
// Output: { name: "Alice", age: 25 }

Jenerik Sınıflar

Sınıfları farklı türler için yeniden kullanılabilir hâle getirmek amacıyla jenerikler kullanılabilir. Örnek:

class Box<T> {
  private contents: T;

  constructor(contents: T) {
    this.contents = contents;
  }

  getContents(): T {
    return this.contents;
  }
}

let stringBox = new Box<string>("Hello");
console.log(stringBox.getContents()); 
// Output: Hello

let numberBox = new Box<number>(42);
console.log(numberBox.getContents()); 
// Output: 42

Jenerik Arayüzler

Arayüzler de farklı türler için yapıyı zorunlu kılmak üzere jenerikleri kullanabilir. Örnek:

Görev: Jenerik bir arayüz tanımlayın ve bunu uygulayan bir nesne oluşturun.

interface Pair<T, U> {
  first: T;
  second: U;
}

let coordinates: Pair<number, number> = { first: 10, second: 20 };
console.log(coordinates); 
// Output: { first: 10, second: 20 }

Jenerik Kısıtlamaları

Yalnızca belirli türlerle çalışmalarını sağlamak için jeneriklere kısıtlamalar ekleyebilirsiniz. Örnek:

function printLength<T extends { length: number }>(item: T): void {
  console.log(`Length: ${item.length}`);
}

printLength("Hello"); 
// Output: Length: 5
printLength([1, 2, 3]); 
// Output: Length: 3
// printLength(42); 
// Error: Argument of type 'number' is not assignable to parameter of type '{ length: number }'.

Jeneriklerin Varsayılan Değerleri

Herhangi bir tür sağlanmadığında jenerikler için varsayılan türler belirtebilirsiniz. Örnek:

Görev: Varsayılan türü olan bir jenerik işlev oluşturun ve bunu farklı türlerle test edin.

function wrap<T = string>(value: T): T[] {
  return [value];
}

console.log(wrap("Hello")); // Output: ["Hello"]
console.log(wrap(42)); // Output: [42]

Harika İş Çıkardınız!

Tebrikler! TypeScript'te yeniden kullanılabilir ve tür güvenli işlevler, sınıflar ve arayüzler oluşturmak için jenerikleri nasıl kullanacağınızı öğrendiniz. Jenerikler esnek ve ölçeklenebilir kod yazmak için güçlü bir araçtır. Bir sonraki derste eşlenmiş ve koşullu türler gibi gelişmiş türleri inceleyeceğiz. Kod yazmaya devam edelim!