Template literals ni nini?

Question

Accepted Answer

**Template literals** hutumia backticks (`` ` ``) na kuongeza mambo mawili ambayo nukuu za kawaida hazina: **interpolation** ya misemo na stuo za **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}

`; ``` Kabla ya template literals, ungalisoma `"Hi " + name + ", " + count + ...` — kubwa na yenye hitilafu. Interpolation inasoma vizuri zaidi. ## Taggad templates (kama ilivyo kwa hali ya juu) Funksioni iliyowekwa kabla ya backticks hupokea sehemu za nchi na thamani zilizoingizwa, na kuruhusu kuzikamatia: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` Hii inacheza role katika maktaba kama **styled-components** na msaada wa usalama wa SQL/HTML. ## Kwa nini ni muhimu Template literals ni njia ya kawaida ya kujenga stuo leo — interpolation inayosomeka, content ya multi-line inayosimama, na kait (tagged templates) kwa DSL.