JavaScript'te Template Literals Nedir?

Template literals, ES6 (ECMAScript 2015) ile tanıtılan özelliklerden biridir ve metinsel ifadeleri daha esnek bir şekilde oluşturmayı sağlar. Template literals, backtick (`) karakterleri arasında tanımlanır ve içerisinde ${} işaretlerini kullanarak değişkenlerin veya ifadelerin değerlerini içinde yerleştirmek mümkündür. Bu özellik, daha okunabilir ve daha kolay yazılabilir metin şablonları oluşturmaya olanak tanır.

let isim = 'Ahmet';
let yas = 25;

// Template literals kullanarak metin oluşturma
let selam = `Merhaba, benim adım ${isim} ve ben ${yas} yaşındayım.`;

console.log(selam);

Yukarıdaki örnekte, selam değişkeni isim ve yas değişkenlerinin değerlerini içeren bir metin şablonunu temsil eder. ${} işaretleri içine yazılan değişkenler veya ifadeler, template literals içinde eşleştirildiği yerde değerleriyle yer değiştirir.

Ayrıca, template literals içinde daha karmaşık ifadeler de kullanılabilir:

let sayi1 = 5;
let sayi2 = 10;

let sonuc = `${sayi1} ile ${sayi2} toplamı ${sayi1 + sayi2} eder.`;

console.log(sonuc);

Bu örnekte, toplam ifadesi template literals içinde doğrudan değer olarak hesaplanarak metin içine yerleştirilmiştir.

Template literals, çok satırlı metinler oluşturmak için de kullanışlıdır:

let uzunMetin = `
Bu bir çok satırlı metin örneğidir.
Bu şekilde template literals kullanarak
kolayca uzun metinler oluşturabiliriz.
`;

console.log(uzunMetin);

Bu özellik, JavaScript'te metinsel ifadeleri daha esnek ve okunabilir hale getirirken, kodun daha temiz ve düzenli olmasını sağlar. Template literals, modern JavaScript uygulamalarında sıkça kullanılan bir özelliktir.