जावास्क्रिप्ट में मॉड्यूल क्या हैं?

मॉड्यूल्स को ES 2015 में कोड को छोटे टुकड़ों में तोड़ने के लिए पेश किया गया था। मॉड्यूल्स में क्लासेस या फंक्शन्स हो सकते हैं। वेरिएबल्स, फंक्शन्स, ऑब्जेक्ट्स को एक्सपोर्ट और इम्पोर्ट करने के लिए export और import कीवर्ड्स का उपयोग किया जाता है।

नोट - इस उदाहरण को चलाने के लिए आपको लोकलहोस्ट सर्वर चलाने की आवश्यकता होगी।

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

INDEX.html

उदाहरण

<!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: 18px;       font-weight: 500;       color:blueviolet;    } </style> </head> <body> <h1>Modules in JavaScript</h1> <button class="Btn">IMPORT</button> <div class="result"></div> <h3>Click on the above button to import module</h3> <script src="script.js" type="module"></script> <script src="sample.js" type="module"></script> </body> </html>

script.js

import test from './sample.js'; document.querySelector('.Btn').addEventListener('click',()=>{    test(); })

sample.js

let resultEle = document.querySelector(".result"); export default function testImport(){    resultEle.innerHTML = 'Module testImport has been imported'; }

आउटपुट

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