TypeScript mixin 受限于另一个 mixin

Question

我正在使用 Typescript 2.2 的 mixin，并且想使用另一个 mixin 的属性。

文档显示可以将 mixins 限制为仅混合到某些类中......

const WithLocation = <T extends Constructor<Point>>(Base: T) =>
    class extends Base {
        getLocation(): [number, number] {
            return [this.x, this.y];
        }
    }

是否可以限制它们只混入包含另一个混入的类？

Answer 1

是的，这是可能的。定义您的其他 mixin，以便它由接口(interface)支持。例如:

interface Named {
    name: string;
}

function Named<T extends Constructor<{}>>(Base: T) {
    return class extends Base implements Named {
        name: string;
    };
}

然后您可以在 Constructor 类型参数的交集类型中使用该接口(interface):

const WithLocation = <T extends Constructor<Point & Named>>(Base: T) =>
    class extends Base {
        getLocation(): [number, number] {
            console.log(this.name); // compiles
            return [this.x, this.y];
        }
    };

const NamedPointWithLocation = WithLocation(Named(Point));
const PointerWithLocation = WithLocation(Point); // error, expects argument to be Named

您可以看到一个更复杂的例子来完成 here这将在使用声明文件进行编译时起作用。