X'inhu template literals?

Question

Accepted Answer

**Template literals** jużaw backticks (`` ` ``) u jżidu żewġ affarijiet li m'hemm ma fihom il-virgoletti string normali: **interpolation** ta' espressjonijiet u strings **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}

`; ``` Qabel template literals, kien ikollok tikteb `"Hi " + name + ", " + count + ...` — verbose u pronu għal żbalji. L-interpolation taqra ħafna aħjar. ## Tagged templates (advanced) Funzjoni mpoġġa qabel il-backticks tirċievi l-partijiet string u l-valuri interpolati, li tippermettilha li tiproċessahom: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` Da' quwa lil libreriji bħal **styled-components** u għoqod ta' escaping SQL/HTML sigur. ## Għaliex dan importanti Template literals huma l-mod standard biex tibni strings illum — interpolation li tinqara faċilment, test multi-line faċli, u hook (tagged templates) għal DSLs.