Template literals কি?

Question

Accepted Answer

**Template literals** ব্যাকটিক (`` ` ``) ব্যবহার করে এবং দুটি জিনিস যোগ করে যা সাধারণ স্ট্রিং উদ্ধৃতিতে নেই: অভিব্যক্তির **interpolation** এবং **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}

`; ``` Template literals এর আগে আপনি `"Hi " + name + ", " + count + ...` লিখতেন — বিস্তৃত এবং ত্রুটিপ্রবণ। Interpolation অনেক ভালভাবে পড়া যায়। ## Tagged templates (advanced) ব্যাকটিকের আগে রাখা একটি ফাংশন স্ট্রিং অংশ এবং ইন্টারপোলেট করা মান পায়, এটিকে সেগুলি প্রক্রিয়া করতে দেয়: ```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 escaping সহায়কদের শক্তি প্রদান করে। ## কেন এটি গুরুত্বপূর্ণ Template literals আজ স্ট্রিং তৈরির মানক উপায় — পাঠযোগ্য interpolation, সহজ multi-line পাঠ্য, এবং একটি হুক (tagged templates) DSLs এর জন্য।