टेम्पलेट लिटरल्स क्या हैं?

Question

Accepted Answer

**टेम्पलेट लिटरल्स** बैकटिक्स (`` ` ``) का उपयोग करते हैं और सादे स्ट्रिंग कोट्स में दो चीजें जोड़ते हैं जो नहीं हैं: अभिव्यक्तियों का **प्रक्षेपण** और **बहु-पंक्ति** स्ट्रिंग्स। ```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}

`; ``` टेम्पलेट लिटरल्स से पहले आप `"Hi " + name + ", " + count + ...` लिखते थे — verbose और त्रुटि-प्रवण। प्रक्षेपण बहुत बेहतर पढ़ता है। ## टैग किए गए टेम्पलेट्स (उन्नत) बैकटिक्स के सामने रखा गया एक फ़ंक्शन स्ट्रिंग पार्ट्स और प्रक्षेपित मानों को प्राप्त करता है, जो इसे उन्हें संसाधित करने देता है: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` यह **styled-components** और सुरक्षित SQL/HTML एस्केपिंग हेल्पर्स जैसी लाइब्रेरीज को शक्ति देता है। ## यह महत्वपूर्ण क्यों है टेम्पलेट लिटरल्स आजकल स्ट्रिंग्स बनाने का मानक तरीका है — पठनीय प्रक्षेपण, आसान बहु-पंक्ति पाठ, और DSLs के लिए एक हुक (टैग किए गए टेम्पलेट्स)।