Quelle est la différence entre les modules internes et externes dactylographiée?

Selon Anders présentations: http://channel9.msdn.com/posts/Anders-Hejlsberg-Introducing-TypeScript (34:40) et de la documentation Tapuscrit, les modules externes sont des modules qui sont basés sur AMD (définition du modèle asynchrone) ou CommonJS.

Les modules externes sont utiles dans le sens qu'ils cachent les déclarations internes des définitions du module et ne montrent que les méthodes et les paramètres associés à la variable déclarée.

Supposons que vous ayez une Mainclasse avec une définie logméthode placée dans un transfer.jsfichier. Les méthodes internes de la Mainclasse ne sont visibles que lorsque vous importez le transfer.jsfichier en haut de la source js comme si: ///<reference path="transfer.js"/>. De cette façon , le compilateur élimine le traversal de tous les fichiers js lors de l' exécution.

Ceci est un énorme avantage d'utiliser des modules externes. Un autre est quand vous essayez de référencer une méthode externe ou une classe qui, dans le haut vers le bas flux normal javascript est défini plus tard que l'invocation de la méthode. En utilisant des modules externes de la classe référencée est instancié uniquement sur appel de méthode.

Module interne:

1. Vous pouvez définir des modules au sein de vos fichiers typescritp.
2. Toutes les variables définies dans le module sont scope au module et retiré de la portée globale.
3. Lorsque vous compilez vos fichiers tapuscrit vos modules sont convertis en variables qui nichent au besoin pour former des objets comme espace de noms. Notez que la classe définie dans le module est soigneusement isolé en utilisant une Ia vie (Expression fonctionnelle suite Appelé).
4. Le code ci-dessous montre que la variable MyClass scope au module MyInternalModule. Ils ne sont pas accessibles à l'extérieur du module qui est la raison pour laquelle la dernière ligne du code indique l'erreur ne peut pas trouver le nom MyClass.
5. Vous pouvez accéder à la variable en dehors du module en utilisant le mot-clé à l'exportation.
6. Vous pouvez également étendre les modules internes, les partager entre les fichiers, et les référencer en utilisant la syntaxe barre oblique triple. (///)

exemple :

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

Compilé version dactylographiée:

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 = {}));

Module externe:

exemple :

// 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);
    }
}