কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে ES6-এর টেমপ্লেট স্ট্রিং (template strings) এর গুরুত্ব


ES6-এর টেমপ্লেট স্ট্রিং (template strings) স্ট্রিংগুলো কম্বাইন (combine) করার একটি নতুন পদ্ধতি। আমাদের কাছে ইতিমধ্যে join(), concat() ইত্যাদি মেথড রয়েছে স্ট্রিং কম্বাইন করার জন্য, কিন্তু টেমপ্লেট স্ট্রিং পদ্ধতিটি সবচেয়ে সোফিস্টিকেটেড (sophisticated) কারণ এটি আরও পাঠযোগ্য (readable), কোনো ব্যাকস্ল্যাশ (backslash) দরকার নেই কোট এস্কেপ করার জন্য এবং আর গन्दা প্লাস অপারেটর (+) দরকার নেই।

concat() এবং join() ব্যবহার করে

উদাহরণ

নিচের উদাহরণে join() এবং concat() মেথড ব্যবহার করা হয়েছে স্ট্রিং কম্বাইন করার জন্য। আমরা যদি কর্তব্যপরায়ণভাবে লক্ষ্য করি, কোডটি খুব গোছানো (messy) দেখাবে।

<html> <body> <script> 
const platform = 'Tutorix'; 
const joinMethod = ['The', 'best', 'e-learning', 'platform', 'is', platform].join(' '); 
document.write(joinMethod); 
document.write("</br>"); 
const concatMethod = " ".concat('The ', 'best ', 'e-learning ', 'platform ', 'is ', platform); 
document.write(concatMethod); 
</script> </body> </html>

আউটপুট

The best e-learning platform is Tutorix The best e-learning platform is Tutorix


ES6-এর টেমপ্লেট স্ট্রিং ব্যবহার করে

উদাহরণ

নিচের উদাহরণে, টেমপ্লেট স্ট্রিং পদ্ধতি ব্যবহার করা হয়েছে স্ট্রিং কম্বাইন করার জন্য। যদি আমরা এই পদ্ধতিকে অন্যদের সাথে তুলনা করি, এই পদ্ধতিতে কোডটি খুব সংক্ষিপ্ত (concise) এবং পাঠযোগ্য (readable)।

<html> <body> <script> 
const platform = 'Tutorix'; 
const templateString = `The best e-learning platform is ${platform}`; 
document.write(templateString); 
</script> </body> </html>

আউটপুট

The best e-learning platform is Tutorix

  1. জাভাস্ক্রিপ্ট DOM কী?

  2. জাভাস্ক্রিপ্টে Symbol.isConcatSpreadable এর গুরুত্ব

  3. জাভাস্ক্রিপ্টে টেমপ্লেট স্ট্রিংস

  4. জাভাস্ক্রিপ্টে নেস্টেড টেমপ্লেট স্ট্রিং