ES6 இல் Template Literals: டைனமிக் சரங்களை உருவாக்குதல்

ES6 இல் (ECMAScript 2015) அறிமுகப்படுத்தப்பட்ட Template literals, ஜாவாஸ்கிரிப்டில் டைனமிக் சரங்களை உருவாக்க ஒரு சக்திவாய்ந்த வழியை வழங்குகின்றன. இந்த literals ஒற்றை அல்லது இரட்டை மேற்கோள்களுக்கு (quotes) பதிலாக backticks (` `) மூலம் அடைக்கப்படுகின்றன, மேலும் சரத்திற்குள் நேரடியாக வெளிப்பாடுகளை தடையின்றி உட்பொதிக்க அனுமதிக்கின்றன.

தொடரியல் (Syntax):

const dynamicString = `இது ${expression} உடன் கூடிய டைனமிக் சரம்`;

• dynamicString: இங்குதான் நீங்கள் டைனமிக் சரத்தைச் சேமிக்கிறீர்கள்.

• ${expression}: இங்குதான் நீங்கள் ஜாவாஸ்கிரிப்ட் வெளிப்பாடுகள், மாறிகள் (variables), அல்லது செயல்பாடுகள் (functions) ஆகியவற்றை உட்பொதிக்கிறீர்கள், அவை மதிப்பிடப்பட்டு சரத்திற்குள் சேர்க்கப்படும்.

எடுத்துக்காட்டு:

டைனமிக் சரங்களை உருவாக்க template literals ஐப் பயன்படுத்துவதற்கான எளிய எடுத்துக்காட்டு இங்கே:

const name = "John";
const greeting = `வணக்கம், ${name}!`;
console.log(greeting); // Output: வணக்கம், John!

பயன்பாட்டு வழக்குகள் (Use Cases):

Template literals பொதுவாகப் பல்வேறு நோக்கங்களுக்காகப் பயன்படுத்தப்படுகின்றன, அவற்றுள்:

1. சரம் இடைச்செருகல் (String Interpolation): சரங்களுக்குள் மாறிகள் அல்லது வெளிப்பாடுகளைச் செருகுதல்.

2. பல வரி சரங்கள் (Multi-line Strings): line breaks மற்றும் concatenation தேவையில்லாமல் பல வரி சரங்களை உருவாக்குதல்.

3. டைனமிக் HTML (Dynamic HTML): இணைய பயன்பாடுகளுக்காக (web applications) HTML உள்ளடக்கத்தை டைனமிக் ஆக உருவாக்குதல்.

4. Tagged Templates: template tag செயல்பாடுகள் மூலம் template literals இன் தனிப்பயன் செயலாக்கத்தை (custom processing) அனுமதித்தல்.

Template literals ஐப் பயன்படுத்துவதன் மூலம், நீங்கள் சரம் இணைப்பை (string concatenation) எளிதாக்கலாம், உங்கள் குறியீட்டின் வாசிப்புத்திறனை மேம்படுத்தலாம், மேலும் ஜாவாஸ்கிரிப்டில் டைனமிக் சரங்களை உருவாக்குவதை மிகவும் எளிதாக்கலாம்.