汎用引数として与えられたインタフェースを継承します

Question

TypeScriptでどうやって実現できますか？

interface Clonable<TAttributes> extends TAttributes { // ERROR: TAttributes is not an interface 
    clone(): TAttributes 
    copyFrom(input: TAttributes) 
} 

function(x : Clonable<{title:string,url:string}>) { 
    alert(x.title) // ERROR: title is not an property of x 
} 

背景：TypeScript + Mithril + JSXを使用しようとしています。オートコンプリートでアトリビュートを公開するには、アトリビュートのタイプとともにアトリビュート「アトリビュート」が必要です。私のクラスには、 "this.attributes.title"よりも "this.title"を書く方が短いため、これらの属性を直接持たせたいと思っています。

ここにオプションがありますか？

Answer 1

あなたはintersection typeを使用することができます。

interface Clonable<TAttributes> { 
    clone(): TAttributes 
    copyFrom(input: TAttributes) 
} 

type AttributesClonable<TAttributes> = Clonable<TAttributes> & TAttributes; 

function doSomething(x : AttributesClonable<{title:string,url:string}>) { 
    alert(x.title); // fine now 
} 

（code in playground）