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>Anonymous wrapper functions in JavaScript</h1>
<div class="result">0</div>
<br />
<script>
   let resEle = document.querySelector(".result");
   (function () {
      resEle.innerHTML =
      "This piece of code is automatically executed as it is inside an IIFE";
   })();
</script>
</body>
</html>

आउटपुट

जावास्क्रिप्ट में बेनामी आवरण कार्य


  1. जावास्क्रिप्ट में आशुलिपि कार्यों की व्याख्या करें?

    एरो फंक्शंस जिन्हें शॉर्टहैंड फंक्शन के रूप में भी जाना जाता है, ES2015 में पेश किए गए थे और हमें फंक्शन को छोटे तरीके से लिखने की अनुमति देते हैं। इसके लिए उनका अपना कोई बंधन नहीं है और इसे आसपास के संदर्भ से प्राप्त करें। जावास्क्रिप्ट में शॉर्टहैंड फ़ंक्शन दिखाने वाला कोड निम्नलिखित है - उदाहरण

  1. जावास्क्रिप्ट में मोटा तीर कार्य करता है

    फैट एरो फंक्शन सिंटैक्स निम्न जैसा दिखता है - { } पैरामीटर और फ़ंक्शन बॉडी के बीच है। जावास्क्रिप्ट में फैट एरो फंक्शन को लागू करने वाला कोड निम्नलिखित है - उदाहरण दस्तावेज़ बॉडी { फॉन्ट-फ़ैमिली:सेगो यूआई, ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } .result{ फ़ॉन्ट-आकार:20px; फ़ॉन्ट-वजन:500; रंग:नीला

  1. कैसे जावास्क्रिप्ट में अज्ञात कार्यों के लिए तर्क पारित करने के लिए?

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