जावास्क्रिप्ट मॉड्यूल
मॉड्यूल (Modules)
जेसक्रिप्ट मॉड्यूल आपको कोड को अलग अलग फ़ाइलों में विभाजित करने की अनुमति देते हैं。
इससे कोड लाइब्रेरी की रखरखाव करना आसान होगा。
के रूप में import से बाहरी फ़ाइल से आयात करने वाले वाक्यांश पर निर्भर करता है。
मॉड्यूल ने <script> टैग के type="module".
इंस्टांस
<script type="module"> import message from "./message.js"; </script>
एक्सपोर्ट
साथफ़ंक्शनयावेरियेबलके मॉड्यूल को किसी भी बाहरी फ़ाइल में संग्रहीत किया जा सकता है。
एक्सपोर्ट के दो प्रकार हैं:नामित एक्सपोर्टऔरडिफ़ॉल्ट एक्सपोर्ट.
नामित एक्सपोर्ट (Named Exports)
हमें एक person.js नामक फ़ाइल बनाएं और उसमें हम एक्सपोर्ट करना चाहते हैं की सामग्री भरें।
आप नामित एक्सपोर्ट को दो तरीकों से बना सकते हैं। एक तरीका एक एक इंलाइन बनाना है, दूसरा फ़ाइल के बोत्ते में एक बार सभी को बनाना है。
एक एक इंलाइन बनाएं:
person.js
export const name = "Bill"; export const age = 19;
फ़ाइल के बोत्ते में एक बार बनाएं:
person.js
const name = "Bill";
const age = 19;
export {name, age};
डिफ़ॉल्ट एक्सपोर्ट (Default Exports)
हम एक और फ़ाइल message.js बनाएं और उसके द्वारा मूलभूत निर्यात का प्रदर्शन करें।
एक फ़ाइल में केवल एक मूलभूत निर्यात हो सकता है।
इंस्टांस
message.js
const message = () => {
const name = "Bill";
const age = 19;
return name + ' is ' + age + 'years old.';
};
export default message;
आयात करें
आप दो तरीकों से मॉड्यूल को फ़ाइल में आयात कर सकते हैं, इसके अनुसार वे नामक निर्यात या मूलभूत निर्यात हैं।
नामक निर्यात बड़े बारे में बनाया जाता है।मूलभूत निर्यात नहीं।
नामक निर्यात से आयात करें
person.js फ़ाइल से नामक निर्यात आयात करें:
import { name, age } from "./person.js";
मूलभूत निर्यात से आयात करें
message.js फ़ाइल से मूलभूत निर्यात आयात करें:
import message from "./message.js";
ध्यान दें
मॉड्यूल केवल HTTP(s) प्रोटोकॉल के लिए उपयोगी है।
file:// प्रोटोकॉल के माध्यम से खोले गए वेब पृष्ठ में आयात/अयात का उपयोग नहीं किया जा सकता।
