Template literals
- Node.js kursu
- Başlangıç
- Ders 14/116
- 5 dk
Template literals ile dize oluşturmayı öğrenirsin.
Template literals
Template literal, backtick (`) karakterleri arasına yazılan özel bir dizedir. İçine değişken ve ifade sokabilirsin.
Örnek: `Merhaba, ${name}!`. Burada ${name}, name değişkeninin değerini dizeye sokar. Bu, 'Merhaba, ' + name + '!' yazmaktan kısadır.
Template literal içinde yeni satırlara da izin verilir; \n yazmaya gerek yoktur.
${} ile ifade sokma
Template literal içinde yalnızca değişken değil, ifade de sokabilirsin. ${...} içine herhangi bir JavaScript ifadesi yazılabilir.
Örnek: `Toplam: ${price + tax}`. Burada price + tax ifadesi hesaplanır ve sonucu dizeye sokulur. Bu, işlemi ayrı yapmaktan kısadır.
Hatta fonksiyon çağrısı da yapabilirsin: `Merhaba, ${greet(name)}`. İçerideki ifade önce değerlendirilir.
Uygulama Template literal ile yazdır
const name = 'Ayşe' ve const age = 28 tanımla. Template literal kullanarak Merhaba, ${name}! Yaş: ${age} çıktısını console.log ile yazdır.
Başlangıç kodu
const name = "Ayşe";
const age = 28;
// Backtick içinde ${} ile name ve age kullanÖrnek çözüm
const name = "Ayşe";
const age = 28;
console.log(`Merhaba, ${name}! Yaş: ${age}`);Beklenen çıktı
Merhaba, Ayşe! Yaş: 28
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Template kavramlarını eşleştir
| Kavram | Anlamı |
|---|---|
`...` |
Template literal |
${...} |
Değişken sokma |
${name} |
name değişkeni |
console.log |
Çıktı yazma |
2 Template literal nasıl yazılır?
- 'tek tırnak' ile
- "çift tırnak" ile
- `backtick` ile Doğru cevap
- [köşeli parantez] ile
Açıklama: Template literal backtick ile yazılır.
3 Template literal sözdizimi
console.log(`Merhaba, ____`);console.log(`Merhaba, ${name}`);Açıklama: ${name} template literal içinde değişken sokar.