JavaScript String Templates: Dinamik ve Kolay Kullanım

JavaScript’te string şablonları, metinleri birleştirmenin ve dinamik içerikler oluşturmanın modern bir yoludur. Template Literals veya Template Strings adı verilen bu özellik, backtick (`) işareti ile tanımlanır ve değişkenleri kolayca string içine yerleştirmenizi sağlar. + operatörü ile metin birleştirmek yerine, ${} süslü parantez yapısı ile değişkenleri veya ifadeleri doğrudan metne yerleştirebilirsiniz.

1. Basit Değişken Ekleyerek Kullanım

Bir değişkeni string içine eklemek için ${} içerisine yerleştirmeniz yeterlidir. Örneğin:

let name = "Ahmet";
let greeting = `Merhaba, ${name}!`;
console.log(greeting);

2. Matematiksel İfadeler ile Kullanım

Template literals, sadece değişken değil, matematiksel işlemleri de destekler.

let price = 50;
let quantity = 3;
let total = `Toplam Fiyat: ${price * quantity} TL`;
console.log(total);

3. Fonksiyon Çağrıları ile String Şablonları

Fonksiyonları da ${} yapısı içinde çağırarak sonucu doğrudan şablona ekleyebilirsiniz.

function getDiscount() {
  return 10;
}
let discountMessage = `İndirim: ${getDiscount()}%`;
console.log(discountMessage);

4. Çok Satırlı Metinler İçin Kullanım

Template literals ile çok satırlı metinler oluşturmak oldukça kolaydır; her satırı \n ile birleştirmeye gerek yoktur.

let message = `Merhaba,
Bu çok satırlı bir metindir.
JavaScript ile dinamik içerikler oluşturabilirsiniz.`;
console.log(message);

5. İç içe Şablonlar ile Kullanım

Bir template literal içinde başka bir template literal kullanabilirsiniz.

let product = "Bilgisayar";
let price = 7500;
let info = `Ürün: ${product}, Fiyat: ${price} TL, 
Vergi Dahil: ${price * 1.18} TL`;
console.log(info);

Template literals ile yazımı kolay ve okunabilir kodlar yazabilir, dinamik içeriklerinizi hızlıca oluşturabilirsiniz.