Erweiterung der Funktionalität in Typoskript

Question

Mögliche Duplizieren:
How does prototype extend on typescript?

Ich bin derzeit Lernen Typoskript, und würde gerne wissen, wie es möglich ist, Funktionalität vorhandener Objekte hinzuzufügen. Angenommen, ich möchte dem String-Objekt eine Implementierung für Foo hinzufügen. In JavaScript würde ich dies tun:

String.prototype.Foo = function() { 
    // DO THIS... 
} 

dass Typoskript Klassen, Schnittstellen und Module zu verstehen sind offen beendet mich dazu gebracht, die folgende, um zu versuchen, ohne Erfolg

1. Referenz die JavaScript-Implementierung von Typoskript

JavaScript: 

    String.prototype.Foo = function() { 
     // DO THIS... 
    } 

    TypeScript: 

    var x = "Hello World"; 
    x.Foo(); //ERROR, Method does not exist 

2. Erweitern Sie die Schnittstelle

interface String { 
    Foo(): number; 
} 

var x = "Hello World"; 
x.Foo(); //Exists but no implementation. 

3. Erweitern Sie die Klasse

class String { 
    Foo(): number { 
     return 0; 
    } 
} 

// ERROR: Duplicate identifier 'String' 

Wie Sie aus diesen Ergebnissen sehen kann, so weit ich habe die Methode über eine Schnittstelle Vertrag, aber keine Implementierung, so, in der Lage zu hinzufügen Wie Ich definiere und implementiere meine Foo-Methode als Teil der bestehenden String-Klasse?

Answer 1

Ich habe die Lösung gefunden. Es benötigt eine Kombination aus der Schnittstelle und der JavaScript-Implementierung. Die Schnittstelle stellt den Vertrag für TypeScript bereit, mit dem die neue Methode sichtbar gemacht werden kann. Die JavaScript-Implementierung stellt den Code bereit, der beim Aufruf der Methode ausgeführt wird.

Beispiel:

interface String { 
    foo(): number; 
} 

String.prototype.foo= function() { 
    return 0; 
} 

Ab Typoskript 1.4 können Sie jetzt auch statische Elemente erweitern:

interface StringConstructor { 
    bar(msg: string): void; 
} 

String.bar = function(msg: string) { 
    console.log("Example of static extension: " + msg); 
}