Template literal nedir?

Tür seviyesinde şablon dize oluşturmayı öğrenirsin.

Template literal type nedir?

Bir template literal type, backtick (`) ve ${} sözdizimiyle tür seviyesinde şablon dize oluşturur. İçine başka türler yerleştirilebilir; örneğin ${string} ile sonuna herhangi bir dize gelebilen bir tür tanımlarsın. Bu, string literal türlerini daha esnek hale getirir ve sabit ön eki zorunlu kılan türler yazmanı sağlar.

type Selam = `Merhaba ${string}`;
const x: Selam = "Merhaba dünya";

Generic ile şablon tür

Bir template literal type'ı generic yapabilirsin. Tür parametresi ${T} içine yerleştirilir ve çağrıldığı türle birleşip sabit bir dize türü üretir. Bu, ön ek ve son ek zorunlu olan türleri zarif biçimde tanımlamanın yoludur. T'nin string ile kısıtlanması yaygındır.

type OnEkli<T extends string> = `pre_${T}`;
type X = OnEkli<"test">;  // "pre_test"

Uygulama SelamX şablon türü yaz

SelamX adında bir template literal type tanımla: `Merhaba ${string}`. y değişkeni SelamX türünde ve değeri "Merhaba dünya" olsun. y değerini console.log ile yazdır.

Örnek çözümü göster

type SelamX = `Merhaba ${string}`;
const y: SelamX = "Merhaba dünya";
console.log(y);

Kendini test et

Bir template literal type hangi sözdizimiyle yazılır?
- Metin<T>
- 'Metin'.concat(T)
- `Metin ${T}`
- "Metin" + T
Cevabı göster

`Metin ${T}` — Template literal type, backtick ve ${} ile yazılır; çift tırnak veya artı operatörü ile değil.

Tür yer tutucusu

type Selam = `Merhaba ${____}`;
const x: Selam = "Merhaba dünya";

Cevabı göster

type Selam = `Merhaba ${string}`;
const x: Selam = "Merhaba dünya";

Template literal kavramları

`...

Şablon dize sözdizimi
${T}

Tür yer tutucusu
backtick

Şablon sınırlayıcı
string

Herhangi dize türü

Sıradaki ders: Union ile kombinasyon

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler