Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट में टेम्प्लेट स्ट्रिंग्स।

<घंटा/>

टेम्पलेट को ES6 में एक स्ट्रिंग के अंदर एम्बेड अभिव्यक्ति की अनुमति देने के लिए पेश किया गया था। वे '' या '''' उद्धरण चिह्नों के स्थान पर बैकटिक (``) का प्रयोग करते हैं। वे स्ट्रिंग इंटरपोलेशन का एक बेहतर तरीका प्रदान करते हैं और अभिव्यक्तियों को ${a+b} जैसे तरीके से एम्बेड किया जा सकता है। यह + ऑपरेटर की तुलना में बहुत अच्छा सिंटैक्स प्रदान करता है।

जावास्क्रिप्ट में टेम्प्लेट स्ट्रिंग्स के लिए कोड निम्नलिखित है -

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 20px;
      font-weight: 500;
      color: blueviolet;
   }
</style>
</head>
<body>
<h1>Template strings in JavaScript</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to add two numbers and display them</h3>
<script>
   let resEle = document.querySelector(".result");
   let a = 22;
   let b = 44;
   function add(a, b) {
      return a + b;
   }
   document.querySelector(".Btn").addEventListener("click", () => {
      resEle.innerHTML = `The sum of ${a} and ${b} = ${add(a, b)}`;
   });
</script>
</body>
</html>

आउटपुट

जावास्क्रिप्ट में टेम्प्लेट स्ट्रिंग्स।

'यहां क्लिक करें' बटन पर क्लिक करने पर -

जावास्क्रिप्ट में टेम्प्लेट स्ट्रिंग्स।


  1. जावास्क्रिप्ट में टेम्प्लेट स्ट्रिंग्स का उपयोग करके स्वरूपित स्ट्रिंग्स

    जावास्क्रिप्ट में टेम्प्लेट स्ट्रिंग्स का उपयोग करके स्वरूपित स्ट्रिंग्स के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1

  1. जावास्क्रिप्ट में नेस्टिंग टेम्पलेट स्ट्रिंग्स

    जावास्क्रिप्ट में टेम्पलेट स्ट्रिंग्स को नेस्ट करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <ti

  1. जावास्क्रिप्ट में टैग किए गए टेम्पलेट साहित्य

    टेम्प्लेट लिटरल्स हमें टैग किए गए टेम्प्लेट लिटरल्स बनाने की भी अनुमति देते हैं। टैग किया गया शाब्दिक एक फ़ंक्शन परिभाषा की तरह है और हमें टेम्पलेट शाब्दिक पार्स करने की अनुमति देता है। टैग किए गए शाब्दिक में कोष्ठक नहीं होता है और टैग फ़ंक्शन को पहले तर्क के रूप में स्ट्रिंग मानों की सरणी मिलती है।