Što su template literali?

Question

Accepted Answer

**Template literali** koriste backticks (`` ` ``) i dodaju dvije stvari koje obični navodnici nemaju: **interpolaciju** izraza i **višeredne** stringove. ```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}

`; ``` Prije template literala trebali ste pisati `"Hi " + name + ", " + count + ...` — verbose i sklono greškama. Interpolacija se čita daleko bolje. ## Označeni šabloni (napredniji) Funkcija postavljena ispred backticks-a prima dijelove stringa i interpolirane vrijednosti, što joj omogućava da ih obradi: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` Ovo pokreće knjižnice kao što su **styled-components** i pomoćnike za sigurno SQL/HTML izbjegavanje. ## Zašto je to važno Template literali su standardan način za izgradnju stringova danas — čitljiva interpolacija, jednostavni tekstovi s više redaka, i kuka (označeni šabloni) za DSL-e.