TypeScript
मॉड्यूल - निर्यात और आयात

नमस्ते विश्व मॉड्यूल

//hello.ts
export function hello(name: string){
    console.log(`Hello ${name}!`);
} 
function helloES(name: string){
    console.log(`Hola ${name}!`);
}
export {helloES};
export default hello;

निर्देशिका सूचकांक का उपयोग कर लोड करें

यदि निर्देशिका में index.ts नाम की फ़ाइल है, index.ts इसे केवल निर्देशिका नाम ( index.ts फ़ाइल नाम वैकल्पिक है) का उपयोग करके लोड किया जा सकता है।

//welcome/index.ts
export function welcome(name: string){
    console.log(`Welcome ${name}!`);
}

परिभाषित मॉड्यूल का उदाहरण उपयोग

import {hello, helloES} from "./hello";  // load specified elements
import defaultHello from "./hello";      // load default export into name defaultHello
import * as Bundle from "./hello";       // load all exports as Bundle
import {welcome} from "./welcome";       // note index.ts is omitted

hello("World");                          // Hello World!
helloES("Mundo");                        // Hola Mundo!
defaultHello("World");                   // Hello World!

Bundle.hello("World");                   // Hello World!
Bundle.helloES("Mundo");                 // Hola Mundo!

welcome("Human");                        // Welcome Human!

घोषणाओं का निर्यात / आयात करना

किसी भी घोषणा (वेरिएबल, कांस्ट, फंक्शन, क्लास, इत्यादि) को अन्य मॉड्यूल में आयात किए जाने वाले मॉड्यूल से निर्यात किया जा सकता है।

टाइपस्क्रिप्ट दो निर्यात प्रकार प्रदान करता है: नाम और डिफ़ॉल्ट।

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

// adams.ts
export function hello(name: string){
    console.log(`Hello ${name}!`);
}
export const answerToLifeTheUniverseAndEverything = 42;
export const unused = 0;

नामित निर्यात आयात करते समय, आप निर्दिष्ट कर सकते हैं कि आप किन तत्वों को आयात करना चाहते हैं।

import {hello, answerToLifeTheUniverseAndEverything} from "./adams";
hello(answerToLifeTheUniverseAndEverything);   // Hello 42!

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

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

// dent.ts
const defaultValue = 54;
export default defaultValue;

जिसका उपयोग करके आयात किया जा सकता है

import dentValue from "./dent";
console.log(dentValue);        // 54

आयात आयात किया हुआ

टाइपस्क्रिप्ट पूरे मॉड्यूल को चर में आयात करने की विधि प्रदान करता है

// adams.ts
export function hello(name: string){
    console.log(`Hello ${name}!`);
}
export const answerToLifeTheUniverseAndEverything = 42;

import * as Bundle from "./adams";
Bundle.hello(Bundle.answerToLifeTheUniverseAndEverything);  // Hello 42!
console.log(Bundle.unused);                                 // 0

पुन: निर्यात

टाइपस्क्रिप्ट घोषणाओं को फिर से निर्यात करने की अनुमति देता है।

//Operator.ts
interface Operator {
    eval(a: number, b: number): number;
}
export default Operator;

//Add.ts
import Operator from "./Operator";
export class Add implements Operator {
    eval(a: number, b: number): number {
        return a + b;
    }
}

//Mul.ts
import Operator from "./Operator";
export class Mul implements Operator {
    eval(a: number, b: number): number {
        return a * b;
    }
}

आप एकल लाइब्रेरी में सभी ऑपरेशन को बंडल कर सकते हैं

//Operators.ts
import {Add} from "./Add";
import {Mul} from "./Mul";

export {Add, Mul};

नामांकित घोषणाओं को छोटे वाक्यविन्यास का उपयोग करके फिर से निर्यात किया जा सकता है

//NamedOperators.ts
export {Add} from "./Add";
export {Mul} from "./Mul";

डिफ़ॉल्ट निर्यात भी किया जा सकता है, लेकिन कोई छोटा वाक्यविन्यास उपलब्ध नहीं है। याद रखें, प्रति मॉड्यूल केवल एक डिफ़ॉल्ट निर्यात संभव है।

//Calculator.ts
export {Add} from "./Add";
export {Mul} from "./Mul";
import Operator from "./Operator";

export default Operator;

संभावित बंडल आयात का पुन: निर्यात है

//RepackedCalculator.ts
export * from "./Operators";

बंडल को फिर से निर्यात करते समय, स्पष्ट रूप से घोषित किए जाने पर घोषणाओं को ओवरराइड किया जा सकता है।

//FixedCalculator.ts
export * from "./Calculator"
import Operator from "./Calculator";
export class Add implements Operator {
    eval(a: number, b: number): number {
        return 42;
    }
}

उपयोग उदाहरण

//run.ts
import {Add, Mul} from "./FixedCalculator";

const add = new Add();
const mul = new Mul();

console.log(add.eval(1, 1)); // 42
console.log(mul.eval(3, 4)); // 12