实现接口的 TypeScript 装饰器声明

Question

我尝试了几种不同的方法来在 TypeScript 中声明一个装饰器函数，以便被装饰的类实现一个接口。像这样的：

interface IValidatable {
    checkValidation: () => boolean;
}

function validated<T>(Class: {new():T}): {new():T & IValidatable} {
    Class.prototype.checkValidation = () => true;
    return Class as {new():T & IValidatable};
}

鉴于上述情况，我希望我可以做这样的事情：

@validated
class Foo {

}

let f = new Foo();
let isValid = f.checkValidation();

但最后一行被标记为错误（“类型 'Foo' 上不存在属性 'checkValidation'。”）。

以下确实在不产生错误的意义上起作用：

let ValidatedFoo = validated(Foo);
let vf = new ValidatedFoo();
let isValid2 = vf.checkValidation();

有没有办法制定装饰器声明，使第一个用法示例不会产生错误？

Answer 1

我不认为你可以修复它，以便装饰器改变编译器对 Foo 类的看法。
装饰器在运行时而不是编译时工作，因此当您实例化 Foo 时，编译器会看到 Foo。

我可以想到以下三个选项：

(1) 转换实例：

let f = new Foo() as Foo & IValidatable;
let isValid = f.checkValidation();

(2) 将类投射到交叉点：

interface FooConstructor {
    new (): Foo & IValidatable;
}

let f = new (Foo as FooConstructor)();
let isValid = f.checkValidation();

(3) 使用工厂函数：

function fooFactory(): Foo & IValidatable {
    return new Foo() as Foo & IValidatable;
}

let f = fooFactory();
let isValid = f.checkValidation();

(code in playground)