Ce sunt template literals?

Question

Accepted Answer

**Template literals** folosesc backticks (`` ` ``) și adaugă două lucruri pe care ghilimelele obișnuite le lipsesc: **interpolarea** expresiilor și stringuri **multilinie**. ```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}

`; ``` Înainte de template literals ai scrie `"Hi " + name + ", " + count + ...` — verbose și predispus la erori. Interpolarea este mult mai ușor de citit. ## Tagged templates (avansat) O funcție plasată înaintea backticks primește părțile stringului și valorile interpolate, permițând-i să le proceseze: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` Aceasta alimentează biblioteci precum **styled-components** și ajutoare de escape sigur pentru SQL/HTML. ## De ce este important Template literals sunt modalitatea standard de a construi stringuri astazi — interpolarea ușor de citit, text multilinie ușor, și un hook (tagged templates) pentru DSL-uri.