Наследование интерфейса, заданного как общий аргумент

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.title», чем «this.attributes.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)