டெம்ப்ளேட் லிட்டரல்கள் என்றால் என்ன?

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 + ...` என்று எழுதுவீர்கள் — விரிவாகவும் பிழைக்கு ஆளாகவும். இடைச்செருகல் மிகவும் சிறப்பாகப் படிக்கிறது. ## குறிசேர்க்கப்பட்ட டெம்ப்ளேட்கள் (மேம்பட்டது) பேக்டிக்குகளுக்கு முன்பு வைக்கப்பட்ட ஒரு செயல்பாடு சரங்களின் பகுதிகளையும் இடைச்செருகப்பட்ட மதிப்புகளையும் பெறுகிறது, அவற்றைச் செயல்படுத்த அனுமதிக்கிறது: ```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 தப்பிய செயல்பாடுகளைத் தூண்டுகிறது. ## ஏன் இது முக்கியமானது டெம்ப்ளேட் லிட்டரல்கள் இன்று சரங்களை உருவாக்குவதற்கான நிலையான வழி — படிக்கக்கூடிய இடைச்செருகல், எளிய பல-வரி உரை, மற்றும் DSL களுக்கான ஒரு கொக்கி (குறிசேர்க்கப்பட்ட டெம்ப்ளேட்).