Kas yra template literals?

Question

Accepted Answer

**Template literals** naudoja backticks (`` ` ``) ir prideda du dalykus, kurių paprastos string kabutės neturi: expressions **interpoliacija** ir **multi-line** stringai. ```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}

`; ``` Prieš template literals turėdavote rašyti `"Hi " + name + ", " + count + ...` — sudėtinga ir klaidų žeidžiama. Interpoliacija skaitoma daug geriau. ## Tagged templates (advanced) Funkcija, padėta prieš backticks, gauna string dalis ir interpoliuotas reikšmes, leidžiančias jas apdoroti: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` Tai suteikia galią bibliotekoms, tokioms kaip **styled-components** ir saugaus SQL/HTML escaping pagalbinės funkcijos. ## Kodėl tai svarbu Template literals yra standartinis būdas kurti stringus šiandien — lengvai skaitoma interpoliacija, lengvi multi-line tekstai ir hook (tagged templates) DSL.