종류

• Class Decorator
• Method Decorator
• Property Decorator
• Parameter Decorator

Decorator는 전부 function이다. 그리고 어디에 쓰이는지 종류에 따라 시그니쳐 (약속) 이 다르다.

Class Decorator

function hello(constructorFn: Function) {
  console.log(constructorFn);
}

@hello
class Person {
}

• 인스턴스를 만들지 않아도 실행이 된다.

  

function hello(constructorFn: Function) {
  console.log(constructorFn);
}

function helloFactory(show: boolean) {
  return show ? hello : () => {};
}

@helloFactory(false)
class Person {

}

• factory 스타일의 코드
• null을 리턴할 수는 없네

function hello(constructor: Function) {
  constructor.prototype.hello = function () {
    console.log(this.name, 'hello');
  }
}

@hello
class Person {
  name: string;

  constructor(name: string) {
    this.name = name;
  }
}

const a = new Person('max');
(<any>a).hello();

• 이런 식으로 decorator를 붙이면 hello 라는 메소드를 추가했다.

Method Decorator

function editable(canBeEditable: boolean): MethodDecorator {
  return function(target, propertyKey, descriptor) {
    console.log(target);
    console.log(propertyKey);
    console.log(descriptor);

    descriptor.writable = canBeEditable;
  }
}

class Person {
  name: string;

  constructor(name: string) {
    this.name = name;
    console.log('new Person()');
  }

  @editable(true)
  hello() {
    console.log('hello!!!', this.name);
  }
}