टाइपस्क्रिप्ट मॉड्यूल कैसे बनाएं और उपयोग करें

टाइपस्क्रिप्ट मॉड्यूल कोड को व्यवस्थित और प्रबंधित करने के लिए एक संरचित दृष्टिकोण प्रदान करते हैं। मॉड्यूल कोड को अलग-अलग फ़ाइलों में समाहित करने में सक्षम बनाते हैं, जो रखरखाव, पुन: प्रयोज्यता और परीक्षण क्षमता को बढ़ाता है। यह मार्गदर्शिका टाइपस्क्रिप्ट मॉड्यूल बनाने और उपयोग करने की प्रक्रिया को समझाती है।

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

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

टाइपस्क्रिप्ट मॉड्यूल बनाना

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

1. टाइपस्क्रिप्ट फ़ाइल बनाएँ: मॉड्यूल के लिए एक नई `.ts` फ़ाइल बनाकर प्रारंभ करें, जैसे `mathUtils.ts`.
2. कोड को परिभाषित और निर्यात करें: इस फ़ाइल के भीतर फ़ंक्शन, क्लासेस या वेरिएबल्स को कार्यान्वित करें और उन्हें अन्य मॉड्यूल के लिए उपलब्ध कराने के लिए export कीवर्ड का उपयोग करें।

सरल मॉड्यूल का उदाहरण:

// mathUtils.ts

export function add(a: number, b: number): number {
  return a + b;
}

export function subtract(a: number, b: number): number {
  return a - b;
}

इस उदाहरण में, `add` और `subtract` फ़ंक्शन `mathUtils.ts` मॉड्यूल से परिभाषित और निर्यात किए गए हैं।

टाइपस्क्रिप्ट मॉड्यूल का आयात और उपयोग करना

किसी अन्य फ़ाइल में TypeScript मॉड्यूल से कोड का उपयोग करने के लिए, उसे आयात किया जाना चाहिए। इसमें शामिल है:

1. एक नई TypeScript फ़ाइल बनाएँ: एक फ़ाइल बनाएँ जहाँ मॉड्यूल का कोड उपयोग किया जाएगा, जैसे `app.ts`.
2. मॉड्यूल आयात करें: मॉड्यूल से फ़ंक्शन, क्लासेस या वेरिएबल्स लाने के लिए import कीवर्ड का उपयोग करें।

`add` और `subtract` फ़ंक्शन को आयात करने और उपयोग करने का उदाहरण:

// app.ts

import { add, subtract } from './mathUtils';

const sum = add(5, 3);
const difference = subtract(5, 3);

console.log(`Sum: ${sum}`);
console.log(`Difference: ${difference}`);

इस उदाहरण में, `add` और `subtract` फ़ंक्शन `mathUtils` मॉड्यूल से आयात किए गए हैं और `app.ts` फ़ाइल के भीतर उपयोग किए गए हैं।

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

टाइपस्क्रिप्ट मॉड्यूल डिफ़ॉल्ट और नामित निर्यात दोनों का समर्थन करते हैं। यहाँ एक संक्षिप्त अवलोकन दिया गया है:

• डिफ़ॉल्ट निर्यात: export default का उपयोग करके किसी मॉड्यूल से डिफ़ॉल्ट निर्यात के रूप में एकल मान निर्यात किया जा सकता है।
• नामित निर्यात: export कीवर्ड के साथ नामित निर्यात का उपयोग करके एक मॉड्यूल से कई मान निर्यात किए जा सकते हैं।

दोनों प्रकार के निर्यात को दर्शाने वाला उदाहरण:

// shapes.ts

export default class Circle {
  constructor(public radius: number) {}
  
  area(): number {
    return Math.PI * this.radius ** 2;
  }
}

export function getCircleInfo(radius: number): string {
  const circle = new Circle(radius);
  return `A circle with radius ${radius} has an area of ${circle.area()}`;
}

इस उदाहरण में, `Circle` को डिफ़ॉल्ट निर्यात के रूप में निर्यात किया गया है, जबकि `getCircleInfo` एक नामित निर्यात है।

किसी प्रोजेक्ट में मॉड्यूल व्यवस्थित करना

कई मॉड्यूल वाली बड़ी परियोजनाओं के लिए, संगठन महत्वपूर्ण हो जाता है। निम्नलिखित सुझावों पर विचार करें:

• निर्देशिका संरचना: संबंधित मॉड्यूल को निर्देशिकाओं में समूहित करें जैसे `models/`, `services/`, और `utils/`.
• सूचकांक फ़ाइलें: मॉड्यूलों को एकत्रित करने और पुनः निर्यात करने के लिए निर्देशिकाओं में `index.ts` फ़ाइलों का उपयोग करें, जिससे परियोजना में आयात सरल हो जाता है।

उदाहरण निर्देशिका संरचना:

project/
│
├── src/
│   ├── models/
│   │   ├── index.ts
│   │   └── user.ts
│   └── app.ts

निष्कर्ष

टाइपस्क्रिप्ट मॉड्यूल कोड को व्यवस्थित और प्रबंधित करने के लिए एक महत्वपूर्ण विशेषता है। मॉड्यूल बनाकर और उनका उपयोग करके, कोड को मॉड्यूलर, मेंटेन करने योग्य और स्केलेबल रखा जा सकता है। कोड को कैसे निर्यात और आयात करना है, साथ ही किसी प्रोजेक्ट को कैसे संरचित करना है, यह समझना टाइपस्क्रिप्ट विकास की प्रभावशीलता को बढ़ाता है।