Jassif Team Institution

JavaScript String Templates

சர டெம்ப்ளேட்டுகள்
டெம்ப்ளேட் சரங்கள்
டெம்ப்ளேட் லிட்டரல்கள்
அன்புக்குரிய குழந்தைக்கு பல பெயர்கள் உள்ளன

Back-Tics Syntax

டெம்ப்ளேட் சரங்கள் சரத்தை வரையறுக்க மேற்கோள்கள் ("") க்கு பதிலாக பின்டிக்குகள் (``) ஐப் பயன்படுத்துகின்றன:

Example

let text = `Hello World!`;

Quotes Inside Strings

டெம்ப்ளேட் சரங்கள் ஒரு சரத்திற்குள் ஒற்றை மற்றும் இரட்டை மேற்கோள்கள் இரண்டையும் அனுமதிக்கின்றன:

Example

let text = `He's often called "Johnny"`;

Multiline Strings

டெம்ப்ளேட் சரங்கள் பல வரி சரங்களை அனுமதிக்கின்றன:

Example

let text =
`The quick
brown fox
jumps over
the lazy dog`;

Interpolation

டெம்ப்ளேட் சரங்கள் சரங்களில் மாறிகளை அனுமதிக்கின்றன.

டெம்ப்ளேட் சரங்கள் சரங்களில் மாறிகளை இடைக்கணிப்பதற்கு ஒரு எளிய வழியை வழங்குகின்றன.

Syntax

${...}

Example - Variable Substitutions

let firstName = "John";
let lastName = "Doe";

let text = `Welcome ${firstName}, ${lastName}!`;

Expression Substitution

டெம்ப்ளேட் சரங்கள் சரங்களில் வெளிப்பாடுகளின் இடைக்கணிப்பை அனுமதிக்கின்றன:

Example

let price = 10;
let VAT = 0.25;

let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;

HTML Templates

Example

let header = "Template Strings";
let tags = ["template strings", "javascript", "es6"];

let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
  html += `<li>${x}</li>`;
}

html += `</ul>`;

Browser Support

டெம்ப்ளேட் சரங்கள் ஒரு ES6 அம்சமாகும்.

ES6 ஜூன் 2017 முதல் அனைத்து நவீன உலாவிகளிலும் முழுமையாக ஆதரிக்கப்படுகிறது:

Complete String Reference

Template String Benefits

JavaScript String Templates பயிற்சி

JavaScript இல் டெம்ப்ளேட் சரங்களுக்குப் பயன்படுத்தப்படும் பின்டிக்குகள் எப்படி இருக்கும்?