मॉड्यूल को ES 2015 में पेश किया गया था। कोड को छोटे टुकड़ों में तोड़ने के लिए मॉड्यूल पेश किए गए थे। मॉड्यूल में उनमें कक्षाएं या कार्य हो सकते हैं। कीवर्ड निर्यात और आयात का उपयोग चर, कार्यों, वस्तुओं को निर्यात करने और उन्हें अन्य फ़ाइलों में आयात करने के लिए किया जाता है।
नोट - इस उदाहरण को चलाने के लिए आपको एक लोकलहोस्ट सर्वर चलाना होगा।
जावास्क्रिप्ट में मॉड्यूल के लिए कोड निम्नलिखित है
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>JavaScript Modules</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();
}) से इम्पोर्ट टेस्ट नमूना.जेएस
let resultEle = document.querySelector(".result");
export default function testImport(){
resultEle.innerHTML = 'Module testImport has been imported';
} आउटपुट
'आयात' बटन पर क्लिक करने पर -
