Template literals म्हणजे काय?

Question

Accepted Answer

**Template literals** backticks (`` ` ``) वापरतात आणि साधारण string quotes मध्ये नसलेल्या दोन गोष्टी जोडतात: expressions चा **interpolation** आणि **multi-line** strings. ```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}

`; ``` Template literals आधी आपण `"Hi " + name + ", " + count + ...` असे लिहायचे — verbose आणि त्रुटीच्या अधीन. Interpolation खूप चांगले वाचते. ## Tagged templates (advanced) बॅकटिक्सच्या आधी ठेवलेला फंक्शन string parts आणि interpolated values प्राप्त करतो, ज्यामुळे तो त्यांची प्रक्रिया करू शकतो: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` हे **styled-components** आणि safe SQL/HTML escaping helpers सारखी libraries ला शक्ति देते. ## हे का महत्वाचे आहे Template literals आज स्ट्रिंग तयार करण्याचा मानक मार्ग आहे — वाचनीय interpolation, सहज multi-line मजकूर, आणि DSLs साठी hook (tagged templates).