Wie Duplizierungsschnittstelle in TypeScript vermieden werden kann

Question

Ich lerne TypeScript und ich verstehe keine Dinge über Schnittstelle.

interface IMyClass extends MyClass { 
    color: number; 
    IsResizable: boolean; 
    title: string; 
} 

class MyClass { 
    added: string; 
    //color: number; 
    //IsResizable: boolean; 
    //title: string; 

    constructor(element: HTMLElement) { 
    } 

    test() { 
     var that: IMyClass = <IMyClass>this; // Error 
    } 
} 

Ich habe diesen Fehler:

Severity Code Description Project File Line Suppression State 
Error TS2352 Neither type 'this' nor type 'IMyClass' is assignable to the other. 
    Type 'MyClass' is not assignable to type 'IMyClass'. 
    Property 'color' is missing in type 'MyClass'. TypeScrip app.ts 17 Active 

Der Fehler verschwinden, wenn ich Attribute Kommentar-. Meine Frage ist also: Muss ich Schnittstellenattribute in meine Klasse kopieren? Was ist, wenn ich eine riesige Schnittstelle habe? Irgendeine andere Lösung?

Answer 1

Im Falle, dass es wirklich Sinn macht, dass die Umwandlung zu tun, wir doppelte Behauptung verwenden können:

// error 
var that: IMyClass = <IMyClass>this; // Error 
// firstly to any, then to some type 
var that: IMyClass = <IMyClass><any>this; // Error 

es in Aktion Check-in the TS playground