टाइपप्रति में आंतरिक और बाह्य मॉड्यूल के बीच क्या अंतर है?

ऐन्डर्स प्रस्तुतियों के अनुसार: http://channel9.msdn.com/posts/Anders-Hejlsberg-Introducing-TypeScript (34:40) और टाइपप्रति प्रलेखन, बाहरी मॉड्यूल मॉड्यूल जो शीर्ष एएमडी (अतुल्यकालिक मॉडल परिभाषा) या के आधार पर कर रहे हैं CommonJS।

बाहरी मॉड्यूल वे मॉड्यूल परिभाषाओं की आंतरिक बयान छिपाने के लिए और केवल तरीकों और घोषित चर से जुड़े मानकों को दिखाने के अर्थ में उपयोगी होते हैं।

मान लीजिए आप एक है Mainएक परिभाषित के साथ कक्षा logएक में रखा विधि transfer.jsफ़ाइल। के आंतरिक तरीकों Mainवर्ग ही दिखाई जब आप आयात कर रहे हैं कर रहे हैं transfer.jsके रूप में तो स्रोत js फ़ाइल के शीर्ष पर फ़ाइल: ///<reference path="transfer.js"/>। इस तरह संकलक कार्यावधि में सभी js फ़ाइलों के ट्रेवर्सल दूर करता है।

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

आंतरिक मॉड्यूल:

1. आप अपने typescritp फ़ाइलों के भीतर मॉड्यूल परिभाषित कर सकते हैं।
2. सभी चर मॉड्यूल के भीतर परिभाषित मॉड्यूल के दायरे वाला और वैश्विक क्षेत्र से हटा दिया जाता है।
3. जब आप संकलन अपने टाइपप्रति फ़ाइलें अपने मॉड्यूल चर कि घोंसला के रूप में आवश्यक नाम स्थान की तरह वस्तुओं के लिए फार्म में बदला जाता है। ध्यान दें कि वर्ग मॉड्यूल के भीतर परिभाषित बड़े करीने से एक Iife (तुरंत लागू समारोह अभिव्यक्ति) का उपयोग अलग है।
4. नीचे दिए गए कोड से पता चलता है कि MyClass चर MyInternalModule मॉड्यूल के दायरे वाला। वे मॉड्यूल इसलिए कोड की अंतिम पंक्ति से पता चलता त्रुटि नाम MyClass नहीं मिल सकता है के बाहर पहुँचा नहीं जा सकता।
5. आप निर्यात कीवर्ड का उपयोग मॉड्यूल के बाहर चर पहुँच सकते हैं।
6. तुम भी आंतरिक मॉड्यूल विस्तार कर सकते हैं, फ़ाइलों में उन्हें साझा, और ट्रिपल स्लेश सिंटैक्स का उपयोग संदर्भित नहीं करते। (///)

उदाहरण :

module MyInternalModule{  
    class MyClass{               //if We write export keyword before the MyClass then last line works fine
        constructor (
            public height: number, 
            public width: number) {
    }
    }                   
    //working properly
    var obj1 = new MyClass(10, 4);
}

// it wont work //Because the out of the scope
var obj2 = new MyInternalModule.MyClass(10,4) //shows error: can not find name MyClass

संकलित टाइपप्रति के संस्करण:

var MyInternalModule;
(function (MyInternalModule) {
    var MyClass = (function () {
        function MyClass(height, width) {
            this.height = height;
            this.width = width;
        }
        return MyClass;
    })();
    //working properly
    var obj1 = new MyClass(10, 4);
})(MyInternalModule || (MyInternalModule = {}));

बाहरी मॉड्यूल:

उदाहरण :

// bootstrapper.ts file

// imports the greeter.ts file as the greeter module
import gt = module('greeter');  
export function run() {  
    var el = document.getElementById('content');
    var greeter = new gt.Greeter(el);
    greeter.start(); 
}

// greeter.ts file

// exports the entire module
export class Greeter {  
    start() {
         this.timerToken = setInterval(() => 
             this.span.innerText = 
             new Date().toUTCString(), 500);
    }
}