Menene template literals?

Question

Accepted Answer

**Template literals** suna amfani da backticks (`` ` ``) kuma suna ƙara abubuwa biyu waɗanda babu a cikin jigogi masu kyau: **interpolation** na jigogi da jigogi **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}

`; ``` Kabar template literals da, dole ne ku rubuta `"Hi " + name + ", " + count + ...` — mai girma da kuskure. Interpolation yana karantawa sosai mafi kyau. ## Tagged templates (advanced) Aiki da aka ajiye a gaban backticks yana karɓa ɓangarorin jigogi da ƙimoshin interpolated, yana ba da damar sa jiyya su: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` Wanan yana ba da iko ga ɗakunan alheri kamar **styled-components** da taimakon tsabbatarwa na SQL/HTML. ## Dalilin da yasa ya dace Template literals sune hanya gida don gina jigogi a yau — interpolation da za a iya karanta, sauƙaƙe multi-line jigogi, da kugwani (tagged templates) don DSLs.