जावास्क्रिप्ट मॉड्यूल

इस ट्यूटोरियल में, आप उदाहरणों की मदद से जावास्क्रिप्ट में मॉड्यूल के बारे में जानेंगे।

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

मॉड्यूल एक फाइल है जिसमें एक विशिष्ट कार्य करने के लिए कोड होता है। एक मॉड्यूल में चर, कार्य, वर्ग आदि हो सकते हैं। आइए एक उदाहरण देखें,

मान लीजिए, अभिवादन के नाम वाली फ़ाइल में निम्नलिखित कोड होते हैं:

 // exporting a function export function greetPerson(name) ( return `Hello $(name)`; )

अब, किसी अन्य फ़ाइल में बधाई कोड का उपयोग करने के लिए , आप निम्नलिखित कोड का उपयोग कर सकते हैं:

 // importing greetPerson from greet.js file import ( greetPerson ) from './greet.js'; // using greetPerson() defined in greet.js let displayName = greetPerson('Jack'); console.log(displayName); // Hello Jack

यहाँ,

• greetPerson()में समारोह greet.js का उपयोग कर निर्यात किया जाता है exportकीवर्ड

   export function greetPerson(name) (… )

• फिर, हमने कीवर्ड greetPerson()का उपयोग करके किसी अन्य फ़ाइल में आयात किया import। कार्यों, वस्तुओं आदि को आयात करने के लिए, आपको उन्हें चारों ओर लपेटने की आवश्यकता है ( )।

   import ( greet ) from '/.greet.js';

नोट : आप केवल मॉड्यूल से निर्यात कार्यों, वस्तुओं आदि का उपयोग कर सकते हैं। आपको exportउन्हें आयात करने और अन्य फ़ाइलों में उपयोग करने के लिए विशेष फ़ंक्शन, ऑब्जेक्ट्स आदि के लिए कीवर्ड का उपयोग करने की आवश्यकता है ।

एकाधिक वस्तुओं का निर्यात करें

एक मॉड्यूल से कई वस्तुओं को निर्यात करना भी संभव है। उदाहरण के लिए,

फ़ाइल मॉड्यूल में। js

 // exporting the variable export const name = 'JavaScript Program'; // exporting the function export function sum(x, y) ( return x + y; )

मुख्य फ़ाइल में,

 import ( name, sum ) from './module.js'; console.log(name); let add = sum(4, 9); console.log(add); // 13

यहाँ,

 import ( name, sum ) from './module.js';

यह मॉड्यूल चर नाम फ़ाइल sum()से नाम चर और फ़ंक्शन दोनों को आयात करता है ।

आयात और निर्यात का नामकरण

यदि आप जिन वस्तुओं (चर, कार्यों आदि) को आयात करना चाहते हैं, वे पहले से ही आपकी मुख्य फाइल में मौजूद हैं, तो प्रोग्राम आपके जैसा व्यवहार नहीं कर सकता है। इस मामले में, प्रोग्राम आयातित फ़ाइल के बजाय मुख्य फ़ाइल से मूल्य लेता है।

नामकरण संघर्ष से बचने के लिए, आप निर्यात के दौरान या आयात के दौरान इन कार्यों, वस्तुओं आदि का नाम बदल सकते हैं।

1. मॉड्यूल में नाम बदलें (निर्यात फ़ाइल)

 // renaming import inside module.js export ( function1 as newName1, function2 as newName2 ); // when you want to use the module // import in the main file import ( newName1, newName2 ) from './module.js';

यहां मॉड्यूल.जेएस फ़ाइल से फ़ंक्शन का निर्यात करते समय , नए नाम (यहां, newName1 और newName2) फ़ंक्शन को दिए गए हैं। इसलिए, उस फ़ंक्शन को आयात करते समय, नया नाम उस फ़ंक्शन को संदर्भित करने के लिए उपयोग किया जाता है।

2. आयात फ़ाइल में नाम बदलें

 // inside module.js export ( function1, function2 ); // when you want to use the module // import in the required file with different name import ( function1 as newName1, function2 as newName2 ) from './module.js';

फ़ंक्शन आयात करते समय, फ़ंक्शन नाम के लिए नए नाम (यहां, newName1 & newName2) का उपयोग किया जाता है। अब आप इन कार्यों को संदर्भित करने के लिए नए नामों का उपयोग करते हैं।

डिफ़ॉल्ट निर्यात

आप मॉड्यूल का डिफ़ॉल्ट निर्यात भी कर सकते हैं। उदाहरण के लिए,

फ़ाइल में नमस्कार। Js :

 // default export export default function greet(name) ( return `Hello $(name)`; ) export const age = 23;

फिर आयात करते समय, आप उपयोग कर सकते हैं:

 import random_name from './greet.js';

डिफ़ॉल्ट निर्यात करते समय,

• random_name से आयात किया जाता है greet.js। चूंकि, इसमें random_nameनहीं है greet.js, डिफ़ॉल्ट निर्यात ( greet()इस मामले में) के रूप में निर्यात किया जाता है random_name।
• आप सीधे कर्ली ब्रैकेट्स को संलग्न किए बिना डिफ़ॉल्ट निर्यात का उपयोग कर सकते हैं ()।

नोट : एक फ़ाइल में कई निर्यात हो सकते हैं। हालाँकि, आप किसी फ़ाइल में केवल एक डिफ़ॉल्ट निर्यात कर सकते हैं।

मॉड्यूल हमेशा स्ट्रिक्ट मोड का उपयोग करते हैं

डिफ़ॉल्ट रूप से, मॉड्यूल सख्त मोड में हैं। उदाहरण के लिए,

 // in greet.js function greet() ( // strict by default ) export greet();

मॉड्यूल का उपयोग करने का लाभ

• कोड आधार को बनाए रखना आसान है क्योंकि अलग-अलग कार्यात्मकता वाले विभिन्न कोड अलग-अलग फ़ाइलों में हैं।
• कोड पुन: प्रयोज्य बनाता है। आप एक मॉड्यूल को परिभाषित कर सकते हैं और इसे अपनी आवश्यकताओं के अनुसार कई बार उपयोग कर सकते हैं।

कुछ ब्राउज़रों में आयात / निर्यात के उपयोग का समर्थन नहीं किया जा सकता है। अधिक जानने के लिए, जावास्क्रिप्ट आयात / निर्यात सहायता पर जाएँ।