Template literals nedir?

Question

Accepted Answer

**Template literals**, backtick (`` ` ``) kullanır ve düz string tırnaklarının eksik olan iki şeyi ekler: ifadelerin **interpolasyonu** ve **çok satırlı** stringler. ```js const name = "Ann"; const count = 3; // interpolation: ${expression} const msg = `Hi ${name}, you have ${count} new messages`; // any expression works, not just variables const total = `Total: ${(count * 1.1).toFixed(2)}`; // multi-line — preserves the line breaks const html = `

${name}

`; ``` Template literals öncesinde `"Hi " + name + ", " + count + ...` yazardınız — uzun ve hataya açık. Interpolasyon çok daha iyi okunur. ## Tagged templates (ileri) Backtickler öncesine yerleştirilmiş bir fonksiyon, string parçalarını ve interpole edilen değerleri alır ve bunları işlemesine olanak tanır: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` Bu, **styled-components** gibi kütüphaneleri ve güvenli SQL/HTML escaping yardımcılarını güçlendirir. ## Neden önemli Template literals günümüzde stringler oluşturmanın standart yoludur — okunabilir interpolasyon, kolay çok satırlı metin ve DSL'ler için bir hook (tagged templates).