जावास्क्रिप्ट टेम्प्लेट लिटरल
समानार्थी शब्द:
- खाका शाब्दिक
- टेम्पलेट स्ट्रिंग्स
- स्ट्रिंग टेम्पलेट्स
- बैक-टिक्स सिंटैक्स
बैक-टिक्स सिंटैक्स
टेम्प्लेट लिटरल्स स्ट्रिंग को परिभाषित करने के लिए उद्धरण ("") के बजाय बैक-टिक (``) का उपयोग करते हैं:
उदाहरण
let text = `Hello World!`;
स्ट्रिंग्स के अंदर उद्धरण
टेम्पलेट अक्षर के साथ , आप स्ट्रिंग के अंदर सिंगल और डबल कोट्स दोनों का उपयोग कर सकते हैं:
उदाहरण
let text = `He's often called "Johnny"`;
मल्टीलाइन स्ट्रिंग्स
टेम्पलेट शाब्दिक बहु-पंक्ति तारों की अनुमति देता है:
उदाहरण
let text =
`The quick
brown fox
jumps over
the lazy dog`;
प्रक्षेप
टेम्प्लेट शाब्दिक चर और भावों को तार में प्रक्षेपित करने का एक आसान तरीका प्रदान करते हैं।
विधि को स्ट्रिंग इंटरपोलेशन कहा जाता है।
वाक्यविन्यास है:
${...}
परिवर्तनीय प्रतिस्थापन
टेम्प्लेट शाब्दिक तार में चर की अनुमति देते हैं:
उदाहरण
let firstName = "John";
let lastName = "Doe";
let text = `Welcome ${firstName}, ${lastName}!`;
वास्तविक मानों के साथ चरों की स्वचालित प्रतिस्थापन को स्ट्रिंग इंटरपोलेशन कहा जाता है ।
अभिव्यक्ति प्रतिस्थापन
टेम्प्लेट लिटरल्स स्ट्रिंग्स में एक्सप्रेशन की अनुमति देते हैं:
उदाहरण
let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;
वास्तविक मानों के साथ व्यंजकों के स्वचालित प्रतिस्थापन को स्ट्रिंग इंटरपोलेशन कहा जाता है ।
एचटीएमएल टेम्पलेट्स
उदाहरण
let header = "Templates Literals";
let tags = ["template literals", "javascript", "es6"];
let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
html += `<li>${x}</li>`;
}
html += `</ul>`;
ब्राउज़र समर्थन
Template Literals एक ES6 फीचर (जावास्क्रिप्ट 2015) है।
यह सभी आधुनिक ब्राउज़रों में समर्थित है:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Template Literals इंटरनेट एक्सप्लोरर में समर्थित नहीं है।
पूर्ण स्ट्रिंग संदर्भ
संपूर्ण स्ट्रिंग संदर्भ के लिए, हमारे यहां जाएं:
जावास्क्रिप्ट स्ट्रिंग संदर्भ को पूरा करें ।
संदर्भ में सभी स्ट्रिंग गुणों और विधियों के विवरण और उदाहरण हैं।