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

जावास्क्रिप्ट में ES6 के टेम्पलेट स्ट्रिंग्स का क्या महत्व है?


ES6 के टेम्प्लेट स्ट्रिंग्स तारों को संयोजित करने का एक नया तरीका है। हमारे पास पहले से ही शामिल हों () . जैसी विधियां हैं , कॉनकैट () आदि स्ट्रिंग्स को संयोजित करने के लिए लेकिन टेम्पलेट स्ट्रिंग्स विधि सबसे परिष्कृत . है क्योंकि यह अधिक पठनीय है , नहीं बैकस्लैश उद्धरणों से बचने के लिए और अधिक नहीं गन्दा प्लस ऑपरेटर

concat() और join() का उपयोग करना

उदाहरण

निम्न उदाहरण में शामिल हों () और concat() तारों को संयोजित करने के लिए विधियों का उपयोग किया जाता है। अगर हम ध्यान से देखें तो कोड बहुत गन्दा लगता है।

<html>
<body>
<script>
   const platform = 'Tutorix';
   const joinMethod = ['The', 'best', 'e-learning', 'platform', 'is', platform].join(' ');
   document.write(joinMethod);
   document.write("</br>");
   const concatMethod = " ".concat('The ', 'best ', 'e-learning ', 'platform ', 'is ', platform);
   document.write(concatMethod);
</script>
</body>
</html>

आउटपुट

The best e-learning platform is Tutorix
The best e-learning platform is Tutorix


ES6 के टेम्प्लेट स्ट्रिंग्स का उपयोग करना

उदाहरण

निम्न उदाहरण में, टेम्पलेट स्ट्रिंग्स स्ट्रिंग्स को संयोजित करने के लिए विधि का उपयोग किया जाता है। यदि हम इस पद्धति की अन्य विधियों से तुलना करते हैं, तो इस पद्धति में कोड बहुत ही संक्षिप्त और पठनीय . है ।

<html>
<body>
<script>
   const platform = 'Tutorix';
   const templateString = `The best e-learning platform is ${platform}`;
   document.write(templateString);
</script>
</body>
</html>

आउटपुट

The best e-learning platform is Tutorix

  1. जावास्क्रिप्ट डोम क्या है?

    जावास्क्रिप्ट दस्तावेज़ ऑब्जेक्ट मॉडल (डीओएम) एक वेबपेज के HTML तत्वों का प्रतिनिधित्व है। यह एक इंटरफ़ेस है जिसका उपयोग हम किसी वेब पेज की सामग्री या शैली को बदलकर उसमें हेरफेर करने के लिए कर सकते हैं। हम वेबपेज पर राइट क्लिक करके और निरीक्षण का चयन करके DOM तक पहुँच सकते हैं। ऐसा करने से, जिस व

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

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

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

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