如何避免 TypeScript 中的重复接口

Question

我正在学习 TypeScript，但我对界面的东西不太了解。

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
    }
}

我收到了这个错误：

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

如果我取消注释属性，错误就会消失。所以我的问题是：我必须将接口属性复制到我的类中吗？如果我有一个巨大的界面怎么办？还有其他解决方案吗？

Answer 1

如果真的很有意义进行这种转换，我们可以使用双重断言：

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

在the TS playground 中查看它