Tür Takma Adları ve Arayüzler

Bir sonraki derse hoş geldiniz! Bu derste TypeScript'teki tür takma adlarını ve arayüzleri, aralarındaki farklar, benzerlikler ve her birinin ne zaman kullanılacağıyla birlikte öğreneceksiniz. Hadi başlayalım!

Tür Takma Adları Nedir?

Tür takma adı, bir tür için özel bir ad tanımlamanızı sağlar. İlkel türleri, nesneleri veya hatta işlev imzalarını temsil edebilir.

Örnek:

Görev: Bir kitabı temsil eden nesne için bir tür takma adı oluşturun ve bunu bir değişken tanımlamak için kullanın.

type Point = {
  x: number;
  y: number;
};

let point: Point = { x: 10, y: 20 };
console.log(point); 
// Output: { x: 10, y: 20 }

Arayüzler Nedir?

Bir arayüz, özellikleri ve yöntemleri de dâhil olmak üzere bir nesnenin yapısını tanımlar. Nesnelerde tutarlılığı ve tür güvenliğini zorunlu kılmak için sıklıkla kullanılır.

Örnek:

Görev: Bir user profili için arayüz oluşturun ve bunu bir değişken tanımlamak için kullanın.

interface Point {
  x: number;
  y: number;
}

let point: Point = { x: 5, y: 15 };
console.log(point); 
// Output: { x: 5, y: 15 }

Tür Takma Adları ve Arayüzler: Benzerlikler

Tür takma adları ve arayüzler bazı özellikleri paylaşır:

• Her ikisi de bir nesnenin biçimini açıklayabilir.
• Her ikisi de işlev türlerini tanımlamak için kullanılabilir.
• Her ikisi de diğer türleri genişletmeyi destekler.

Örnek: Bir işlev türü:

Görev: Bir işlev için hem tür takma adı hem de arayüz tanımlayın ve bunları kullanın.

type Add = (a: number, b: number) => number;
interface Subtract {
  (a: number, b: number): number;
}

let add: Add = (x, y) => x + y;
let subtract: Subtract = (x, y) => x - y;

console.log(add(5, 3)); 
// Output: 8
console.log(subtract(5, 3)); 
// Output: 2

Tür Takma Adları ve Arayüzler: Farklar

Temel farklar şunlardır:

• Arayüzler: Birleştirilebilir (bildirim birleştirme).
• Tür Takma Adları: Birleştirilemez.
• Tür Takma Adları: Birleşim ve kesişim türlerini tanımlayabilir.
• Arayüzler: Öncelikle nesne biçimleri için tasarlanmıştır.

Örnek: Tür takma adlarıyla birleşim türleri:

Görev: Bir birleşim türü tanımlamak ve bir değişkene farklı değerler atamak için tür takma adı kullanın.

type StringOrNumber = string | number;

let value: StringOrNumber = "Hello";
value = 42;
// value = true; 
// Error: Type 'true' is not assignable to type 'StringOrNumber'.

Türleri ve Arayüzleri Genişletme

Hem tür takma adları hem de arayüzler diğer türleri genişletebilir:

• Arayüzler: extends anahtar sözcüğünü kullanır.
• Tür Takma Adları: Kesişimleri (&) kullanır.

Örnek:

Görev: Yeni türler oluşturmak için bir tür takma adını ve bir arayüzü genişletin.

interface Animal {
  name: string;
}

interface Dog extends Animal {
  breed: string;
}

type Bird = Animal & { canFly: boolean };

let myDog: Dog = { name: "Buddy", breed: "Golden Retriever" };
let myBird: Bird = { name: "Parrot", canFly: true };

console.log(myDog, myBird);

Bildirim Birleştirme

Arayüzler, aynı ada sahip birden çok arayüz bildiriminin tek bir bildirimde birleştirildiği bildirim birleştirmeyi destekler. Tür takma adları bu özelliği desteklemez.

Örnek:

Görev: Aynı ada sahip iki arayüz bildirimi oluşturun ve bildirim birleştirmeyi test edin.

interface Person {
  name: string;
}

interface Person {
  age: number;
}

let person: Person = { name: "Alice", age: 30 };
console.log(person); 
// Output: { name: "Alice", age: 30 }

Her Biri Ne Zaman Kullanılır?

Bazı yönergeler şunlardır:

• Nesne biçimlerini tanımlamak ve bildirim birleştirmenin gerekli olduğu durumlarda arayüzleri kullanın.
• Birleşimler, kesişimler veya işlev türlerini tanımlamak için tür takma adlarını kullanın.

İpucu: Açıklık ve tutarlılık için kullanım amacınıza en uygun olanı kullanın!

Harika İş Çıkardınız!

Tebrikler! TypeScript'te tür takma adları ile arayüzler arasındaki benzerlikleri ve farkları, ayrıca her birinin ne zaman kullanılacağını öğrendiniz. Bir sonraki derste koşullu türler gibi gelişmiş TypeScript özelliklerini inceleyeceğiz. Kod yazmaya devam edelim!