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

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


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

उदाहरण

<!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>Nesting template strings in JavaScript</h1> <div class="result"></div> <br /> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to display the fullName using nested template string</h3> <script>    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    function fullName(fName, lName) {       return fName + " " + lName;    }    let firstName = "Rohan";    let lastName = "Sharma";    BtnEle.addEventListener("click", () => {       resEle.innerHTML = `FirstName = ${firstName} and lastname = ${lastName} and       fullname = ${fullName(          `${firstName}`,          `${lastName}`       )}`;    }); </script> </body> </html>

आउटपुट

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

'CLICK HERE' बटन पर क्लिक करने पर:

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


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

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

  1. JavaScript में टेम्पलेट स्ट्रिंग्स (Template Strings) का उपयोग करके फॉर्मेटेड स्ट्रिंग्स JavaScript में टेम्पलेट स्ट्रिंग्स (Template Strings) का उपयोग करके फॉर्मेटेड स्ट्रिंग्स

    JavaScript में टेम्पलेट स्ट्रिंग्स का उपयोग करके फॉर्मेटेड स्ट्रिंग्स का निम्नलिखिक कोड है:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /

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

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