जावास्क्रिप्ट

Question

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

आइए कहें कि इसमें एक एकल वर्ग, A, B, और C युक्त 3 मॉड्यूल शामिल हैं।

यानी

A.ts:

export default class A { 
    /* things */ 
} 

B.ts:

export default class B { 
    /* things */ 
} 

C.ts:

export default class C { 
    /* things */ 
} 

ये सब बनाया गया है और में इकट्ठा किए गए हमारे साथ एक dist.js फ़ाइल bpack। मैं पुस्तकालय के उपयोगकर्ता चाहते हैं

<script src="dist.js"></script> 
<script> 
    var foo = new LettersLibrary.A(); 
</script> 

कैसे मैं यह कर के बारे में जाना होगा के लिए कुछ सदृश करने के लिए सक्षम होने के लिए, अंत में लक्ष्य टाइपप्रति मॉड्यूल का लाभ लेने को विकसित करने में सक्षम हो, लेकिन एक पुस्तकालय प्रदान करना है वेनिला जेएस से प्रयोग योग्य

Answer 1

इसके लिए टाइपस्क्रिप्ट नामस्थान का उपयोग करें। आप इसके अंदर अपनी कक्षाएं घोषित कर सकते हैं और फिर उन्हें मॉड्यूल के अंदर से निर्यात कर सकते हैं। तब आपका उपयोगकर्ता इसका उपयोग करने में सक्षम होगा जैसा आप चाहते हैं।

https://www.typescriptlang.org/docs/handbook/namespaces.html

उदाहरण:

namespace LettersLibrary { 
    export class A { 
    hello = "Hello World"; 
    } 

    export class B { 
    myBool = false; 
    } 

    export class C { 
    someInt = 42; 
    } 
} 

जावास्क्रिप्ट में, आप तो करना होगा:

const instance = new LettersLibrary.A(); 
console.log (instance.hello); // "Hello World" 

आप फिर से निर्यात अन्य फ़ाइलों से वर्गों के लिए की जरूरत है, अभी-अभी आयात वर्ग निर्यात कॉन्स के रूप में और टाइप करें (टाइपस्क्रिप्ट विकास के लिए उपयोगी, अन्यथा आप इस प्रकार का उपयोग करने में सक्षम नहीं होंगे मॉड्यूल):

import importA from "..."; 
import importB from "..."; 
import importC from "..."; 

namespace LettersLibrary { 
    export const A = importA; 
    export type A = importA; 

    // Same for B and C 
} 

वेबपैक का उपयोग करते समय, आपको इसे पुस्तकालय के रूप में निर्यात करना होगा। इसके लिए, आप कॉन्फ़िगरेशन का उपयोग library और libraryTarget विकल्पों के साथ कर सकते हैं। देखें: https://webpack.js.org/configuration/output/#output-libraryexport

@ गेब्रियल नून्स के लिए धन्यवाद, जिन्होंने मुझे बताया कि module एस अब namespace एस नामित हैं।