Hva er template literals?

Question

Accepted Answer

**Template literals** bruker backticks (`` ` ``) og legger til to ting som vanlige anførselstegn mangler: **interpolering** av uttrykk og **flerlinjers** strenger. ```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}

`; ``` Før template literals måtte du skrive `"Hi " + name + ", " + count + ...` — verbose og feilutsatt. Interpolering er langt mer lesbar. ## Tagged templates (avansert) En funksjon plassert før backticks mottar strengdelene og de interpolerte verdiene, noe som lar den behandle dem: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` Dette driver biblioteker som **styled-components** og sikre SQL/HTML-escapings-hjelpere. ## Hvorfor det er viktig Template literals er standardmåten å bygge strenger på i dag — lesbar interpolering, enkkel flerlinjers tekst, og en hook (tagged templates) for DSL-er.