Alias vs interface

Type alias ile interface ayrımını öğrenirsin.

Alias vs interface

Hem type hem de interface nesne şekillerini tanımlayabilir. Ancak type daha geneldir: birleşik türler, ilkel türler ve tuple'lar tanımlayabilir. interface nesneler içindir ve extends ile genişletilebilir.

// type ile birleşim
type ID = number | string;
// interface ile nesne
interface Kisi { ad: string }

Type daha geneldir; interface nesnelere özeldir.

Alias ve interface ne zaman kullanılır?

Birleşik türler, kesişim türleri, ilkel türler ve tuple'lar için type kullanılır. Genişletilebilecek veya birleştirilebilecek nesne şekilleri için interface kullanılır. Basit nesne şekilleri için ikisi de çalışır.

// type: birleşim ve tuple
type ID = number | string;
type Nokta = [number, number];
// interface: genişletilebilir nesne
interface Hayvan { ad: string }

İhtiyaca göre type veya interface seçilir.

Uygulama Type ve interface birlikte kullan

ID adında bir type alias tanımla (number | string birleşimi). Kisi adında bir interface tanımla; ad: string ve id: ID özellikleri içersin. kisi adında bir değişkeni Kisi türünde tanımla ve değerini { ad: "Ali", id: 42 } yap. kisi.ad değerini console.log ile yazdır.

Örnek çözümü göster

type ID = number | string;
interface Kisi {
    ad: string;
    id: ID;
}
let kisi: Kisi = { ad: "Ali", id: 42 };
console.log(kisi.ad);

Kendini test et

Hangisi birleşik tür (union) tanımlayabilir?
- const
- class
- interface
- type
Cevabı göster

type — <code>type</code> anahtar kelimesi birleşim türleri tanımlayabilir (<code>type X = A | B</code>); <code>interface</code> yalnızca nesne şekilleri tanımlar ve birleşim desteklemez.
Birleşik türün ikinci yarısını ekle
```
type ID = number | ____;
```
Cevabı göster
```
type ID = number | string;
```
Alias vs interface kavramları

type X = string | number

Birleşik tür (yalnızca type)
interface X { ... }

Nesne şekli (genişletilebilir)
type X = string

İlkel tür takma adı
Alias vs interface

Type daha geneldir

Sıradaki ders: Özet - Type alias

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler