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

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

• एक मॉड्यूल में केवल एक डिफ़ॉल्ट निर्यात हो सकता है।
• किसी डिफ़ॉल्ट संपत्ति को निर्यात करने के लिए, निर्यात की गई इकाई से पहले डिफ़ॉल्ट कीवर्ड का उपयोग करें।
• डिफ़ॉल्ट निर्यात आयात करने के लिए, आप निर्यात किए गए नाम को निर्दिष्ट किए बिना इसे सीधे एक चर में निर्दिष्ट कर सकते हैं:

// Exporting a default asset
export default function greet(name) {
  console.log(`Hello, ${name}!`);
}

// Importing the default export
import greet from './myModule';

नामांकित निर्यात

• एक मॉड्यूल में एकाधिक नामित निर्यात हो सकते हैं।
• किसी नामित संपत्ति को निर्यात करने के लिए, निर्यात की गई इकाई से पहले निर्यात कीवर्ड का उपयोग करें और इसे एक नाम दें।
• नामित निर्यात आयात करने के लिए, आपको उन संपत्तियों के नाम निर्दिष्ट करने होंगे जिन्हें आप आयात करना चाहते हैं:

// Exporting named assets
export function greet(name) {
  console.log(`Hello, ${name}!`);
}

export function farewell(name) {
  console.log(`Goodbye, ${name}!`);
}

// Importing named exports
import { greet, farewell } from './myModule';

डिफ़ॉल्ट और नामित निर्यात का संयोजन

आपके पास एक ही मॉड्यूल में डिफ़ॉल्ट निर्यात और नामित निर्यात दोनों हो सकते हैं:

export default function greet(name) {
  console.log(`Hello, ${name}!`);
}

export function farewell(name) {
  console.log(`Goodbye, ${name}!`);
}

डिफ़ॉल्ट और नामित निर्यात दोनों को आयात करने के लिए:

import greet, { farewell } from './myModule';

याद रखने योग्य मुख्य बिंदु

• निर्यात का उपयोग मॉड्यूल से संपत्तियों को उजागर करने के लिए किया जाता है।
• आयात का उपयोग अन्य मॉड्यूल से परिसंपत्तियों का उपभोग करने के लिए किया जाता है।
• एक मॉड्यूल में केवल एक डिफ़ॉल्ट निर्यात हो सकता है।
• नामांकित निर्यातों को व्यक्तिगत या सामूहिक रूप से आयात किया जा सकता है।
• आयात के लिए उपयोग किए गए नाम मनमाने हैं और निर्यात मॉड्यूल में उपयोग किए गए नामों से मेल नहीं खाते।

व्यावहारिक उदाहरण

एक प्रतिक्रिया घटक पर विचार करें:

import React from 'react';

export default function Greeting({ name }) {
  return 
Hello, {name}!
;
}

इस उदाहरण में, ग्रीटिंग घटक को डिफ़ॉल्ट निर्यात के रूप में निर्यात किया जाता है। इसे आयात किया जा सकता है और अन्य घटकों में उपयोग किया जा सकता है:

import Greeting from './Greeting';

function MyComponent() {
  return ;
}

निर्यात और आयात को समझकर, आप अपने जावास्क्रिप्ट प्रोजेक्ट्स में कोड को प्रभावी ढंग से व्यवस्थित और पुन: उपयोग कर सकते हैं।