tsonfig.json
에서 "experimentalDecorators": true
명시해줘야 사용가능
Class Decorator
1 2 3 4 5 6 7 8
| function hello(constructFn: Function) { console.log(constructFn); }
@hello class Person { }
|
Method Decorator
read only 데코레이터 예제
함수를 재작성할 수 없게 함.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
| function editable(canBeEditable: boolean) { return function (target: any, propName: string, description: PropertyDescriptor) { description.writable = canBeEditable; } }
class Person { @editable(false) hello() { console.log('hello'); } }
const p = new Person(); p.hello(); p.hello = function () { console.log('world'); } p.hello();
|
target/propName/PropertyDescriptor를 파라미터로 받는 함수를 리턴해주어야 함.
Property Decorator
target/propName을 파라미터로 받는 함수를 리턴해주어야 함.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| function writable(canBeWritable: boolean) { return function (target: any, propName: string): any { return { writable: canBeWritable }; } }
class Person { @writable(false) name: string = "junho"; }
const p = new Person(); console.log(p.name); p.name = 'dd';
|
Parameter Decorator
target/methodName/paramIndex를 파라미터로 가져야함
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
| function printInfo(target: any, methodName: string, paramIndex: number) { console.log(target); console.log(methodName); console.log(paramIndex); }
class Person { private _name: string; private _age: number;
constructor(name: string, @printInfo age: number) { this._name = name; this._age = age; }
hello( @printInfo message: string) { console.log(message); } }
|
결과
Person {}
hello
0
[Funcion: Person]
undefined
1
Reference
https://www.inflearn.com/course-status-2/
Comment and share