typescript - 如何使用类装饰器向类添加新属性？

Question

如何使用类装饰器向类添加新属性？

代码示例:

@MyClassDecorator
class MyClass {
    myFirstName: string;
    myLastName: string;
}

// I need something like this:
function MyClassDecorator (target: any): any {
    target['myNickname'] = 'Gambler';
}

let myClass = new MyClass();
console.log(myClass['myNickname']); // expecting "Gambler" but got "undefined"

如何修复此代码？

是否可以使用装饰器向类添加属性？

谢谢!

Answer 1

您需要将属性添加到原型(prototype)而不是构造函数:

function MyClassDecorator(target: any): any {
    target.prototype.myNickname = "Gambler";
}

这会让你得到你想要的，但问题是你将无法在没有 typescript 提示的情况下访问这个属性:

let myClass = new MyClass();
console.log(myClass.myNickname); // error: Property 'myNickname' does not exist on type 'MyClass'

你可以试试这样的:

function myClassFactory(): MyClass & { myNickname: string } {
    return new MyClass() as MyClass & { myNickname: string };
}

let myClass = myClassFactory();
console.log(myClass.myNickname); // all good

( code in playground )