如何使用類裝飾器將新屬性添加到類中？

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

你需要的屬性添加到原型，而不是構造函數：

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

這會得到你想要的東西，但問題是，你不能沒有打字稿，訪問該屬性抱怨：

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）