JavaScript Template Strings: জাভাস্ক্রিপ্ট টেমপ্লেট স্ট্রিং-এর সহজ ও বিস্তারিত ব্যাখ্যা
JavaScript-এ স্ট্রিং ব্যবহারের ক্ষেত্রে template string (বা template literal) একটি অত্যন্ত শক্তিশালী ও আধুনিক টেকনিক, যা ES6 (ECMAScript 2015) ভার্সন থেকে চালু হয়েছে। template string আমাদেরকে সাধারণ স্ট্রিং কনক্যাটেনেশন বা মাল্টি-লাইন স্ট্রিং লেখার পরিবর্তে আরও সহজ, পরিষ্কার এবং ডায়নামিক উপায় প্রদান করে।
Template String এর মৌলিক ধারণা
Template string তৈরি করতে ব্যাকটিক ` ` চিহ্ন ব্যবহার করা হয়, যা সাধারণ কোটেশন (” বা “”) থেকে আলাদা। এই ফিচারের সবচেয়ে গুরুত্বপূর্ণ অংশ হলো ${ } এর মাধ্যমে স্ট্রিং এর মধ্যে ভ্যারিয়েবল বা এক্সপ্রেশন ইনজেক্ট করা যায়।
const name = "রাহিম";
const message = `স্বাগতম, ${name}!`;
console.log(message);ব্যাখ্যা: উপরের উদাহরণে, স্ট্রিং এর মধ্যে ${name} ব্যবহার করে সরাসরি ভ্যারিয়েবল যুক্ত করা হয়েছে। এতে কোড পাঠযোগ্য হয় এবং আলাদা করে + চিহ্ন দিয়ে যুক্ত করতে হয় না।
মাল্টি-লাইন স্ট্রিং সহজে লেখা যায়
পূর্বে মাল্টি-লাইন স্ট্রিং লেখার জন্য \n ব্যবহার করতে হতো অথবা প্রতিটি লাইন আলাদা কোটেশনে রাখতে হতো। কিন্তু template string ব্যবহার করে একাধিক লাইন একসাথে এবং পরিষ্কারভাবে লেখা সম্ভব।
const paragraph = `এই লেখাটি
দুইটি লাইনে লেখা হয়েছে,
এবং এটি খুব সহজে বোঝা যায়।`;Expression বা গণনা সরাসরি স্ট্রিংয়ে লেখা
Template string শুধু ভ্যারিয়েবল নয়, যেকোনো এক্সপ্রেশন বা গণনাও সমর্থন করে। আপনি স্ট্রিং-এর ভিতরে সরাসরি হিসাব করতে পারবেন।
const a = 7;
const b = 3;
const result = `মোট: ${a + b}`;
console.log(result);তুলনামূলক টেবিল: Template String বনাম Traditional String
| বিষয় | পুরনো স্টাইল | Template String |
|---|---|---|
| ভ্যারিয়েবল যুক্তকরণ | “Hello ” + name | `Hello ${name}` |
| মাল্টি-লাইন | “Line1\nLine2” | `Line1 Line2` |
| গণনা | “Sum: ” + (a+b) | `Sum: ${a + b}` |
Advanced ব্যবহার (Function call, ternary operator)
Template literal এ আপনি function call, ternary operator, এবং এমনকি nested expression-ও ব্যবহার করতে পারেন।
function greet(name) {
return `Hello, ${name ? name : "Guest"}!`;
}
console.log(greet("Karim"));
console.log(greet(""));ব্যবহারিক প্রয়োগ
- ডায়নামিক HTML তৈরি করার সময় স্ট্রিং সহজে তৈরি করা যায়।
- ইমেইল কন্টেন্ট টেমপ্লেট তৈরি করা যায়।
- রিপোর্টিং বা অটোমেটেড ফর্ম রিপোর্ট তৈরি সহজ হয়।
- JSON ডেটা থেকে সহজে readable string তৈরি করা যায়।
উপসংহার
JavaScript Template Strings জাভাস্ক্রিপ্ট প্রোগ্রামিংকে আরও উন্নত, রিডেবল ও আধুনিক করে তুলেছে। এটি ব্যবহার করে ডেভেলপাররা স্ট্রিং কনটেন্ট সহজে নিয়ন্ত্রণ করতে পারেন। আপনি যদি নিয়মিত জাভাস্ক্রিপ্ট কোডিং করেন, তাহলে template string অবশ্যই ব্যবহার করা উচিত।