Apa iku template literals?

Question

Accepted Answer

**Template literals** nggunakake backticks (`` ` ``) lan nambahi rong bab sing ora ana ing plain string quotes: **interpolation** saka expressions lan string **multi-line**. ```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}

`; ``` Sadurunge template literals, sampeyan kudu nulis `"Hi " + name + ", " + count + ...` — verbose lan gampang salah. Interpolation luwih bagus dibaca. ## Tagged templates (advanced) Siji function sing diselak sadurunge backticks nampa string parts lan interpolated values, supaya bisa proseso dheweke: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` Iki nggawakake libraries kaya **styled-components** lan safe SQL/HTML escaping helpers. ## Napa dadi penting Template literals minangka cara standar nggun strings saiki — interpolation sing gampang dibaca, text multi-line sing mudah, lan hook (tagged templates) kanggo DSLs.