拡張機能

Question

可能性の重複：
How does prototype extend on typescript?

は、私は現在、活字体を勉強し、それを既存のオブジェクトに機能を追加することが可能である方法を知っていただきたいと思います。 Fooの実装をStringオブジェクトに追加したいとします。その活字体クラス、インターフェイスおよびモジュールが終了開いている理解

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

が成功

1.参照することなく、次のことをしようとする私を導い活字体

からJavaScript実装：JavaScriptでは、私はこれを行うだろう

JavaScript: 

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

    TypeScript: 

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

2.インターフェース

を拡張0

interface String { 
    Foo(): number; 
} 

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

3.あなたがこれまでのところ、私はどのように行う、インターフェース契約を経由してメソッドを追加することができたが、ない実装、そうしている、これらの結果から見ることができるように

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

// ERROR: Duplicate identifier 'String' 

クラスを拡張既存のStringクラスの一部としてFooメソッドを定義して実装する方法はありますか？

Answer 1

解決策が見つかりました。これは、インターフェイスとJavaScript実装の組み合わせを取ります。このインタフェースはTypeScriptの契約を提供し、新しいメソッドの可視性を可能にします。 JavaScript実装は、メソッドの呼び出し時に実行されるコードを提供します。

例：活字体1.4のよう

interface String { 
    foo(): number; 
} 

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

あなたは今も、静的メンバを拡張することができます。

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

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