Kaj so template literals?

Question

Accepted Answer

**Template literals** uporabljajo povratne navedke (`` ` ``) in dodajajo dve stvari, ki jih navadni navedki nimajo: **interpolacijo** izrazov in **večvrstične** nize. ```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}

`; ``` Pred template literals bi napisal `"Hi " + name + ", " + count + ...` — beseden in nagnjen k napakam. Interpolacija je veliko bolj berljiva. ## Označeni šabloni (napredno) Funkcija, postavljena pred povratne navedke, prejme dele niza in interpolirane vrednosti, kar ji omogoči, da jih obdela: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` To poganja knjižnice, kot je **styled-components**, in pomočnike za varno ubežanje SQL/HTML. ## Zakaj je to pomembno Template literals so danes standardni način za gradnjo nizov — berljiva interpolacija, enostavno večvrstično besedilo in hook (označeni šabloni) za DSL-je.