具有通用类型的打字稿装饰器

Question

不适用于以下代码：

function deco<T>(){
    return function(target, key){
        // before
        // target[key] = new Decorated<T>();
        // edited
        Object.defineProperty(target, key, {
            get(){
             return new Decorated<T>();
            }
        });
    }
}

class Decorated<T> {
    set(values: T){
    }
}

class MyDecos {
    @deco<{a: number}>() a;
    @deco<{b: string}>() b;
}

const test = new MyDecos;
test.a.set(); // want to throw error
test.a.set({a: '1'); // want to throw error
test.b.set({b: 1); // want to throw error

泛型有什么问题吗？ 助手显示values: any

我想 Test.set 使用来自装饰器的 Generic 的方法

Answer 1

装饰器不能改变类的结构，这个限制是设计使然。我们可以使用 mixins 来实现类的突变，如here 所述。

但是，如果没有更完整的示例，我不确定您为什么不直接使用 Decorated<T> 的实例来实例化该字段。在这种情况下，装饰器版本似乎并没有增加太多：

class MyDecos {
    a = new Decorated<{ a: number }>();
    b = new Decorated<{ b: string }>();
}

const test = new MyDecos;
test.a.set(); // error
test.a.set({ a: '1'); //error
test.b.set({ b: 1); //  error

注意您当前的装饰器实现不正确，您将Decorated 分配给target，target 是类而不是类的实例，因此只有一个Decorated 对象将存在于类的 all 实例中，我猜这是为了保存实例状态，因此实现会导致问题。