Çfarë janë template literals?

Question

Accepted Answer

**Template literals** përdorin backticks (`` ` ``) dhe shtojnë dy gjëra që mungojnë në thonjëzat e zakonshme: **interpolimin** e shprehjeve dhe stringjet **shumëlinor**. ```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}

`; ``` Parë template literals do të shkruaje `"Hi " + name + ", " + count + ...` — verbose dhe i prirur për gabime. Interpolimi lexohet shumë më mirë. ## Shabllone të etiketuar (të avancuar) Një funksion i vendosur përpara backticks-ve merr pjesët e stringut dhe vlerat e interpoluara, duke i lejuar atë t'i përpunojë ato: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` Kjo fuqizon biblioteka si **styled-components** dhe ndihmësit për shpëtimin e sigurt të SQL/HTML. ## Pse është e rëndësishme Template literals janë mënyra standarde për ndërtimin e stringjeve sot — interpolim i lexueshëm, tekst shumëlinor i lehtë, dhe një hook (shabllone të etiketuar) për DSL-et.