[타입스크립트] 골뱅이 @ 데코레이터

https://m.blog.naver.com/pjt3591oo/222120496022

[typescript] 타입스크립트 데코레이터 1편 - 데코레이터 4가지 기본구조 알아보기

https://sleepybird.tistory.com/158

[199일차]타입스크립트 데코레이터

골뱅이가 붙어진 '데코레이터' 라고 불리는 녀석
타입스크립트에만 있는건 아니고, 자바스크립트에도 있는 기능이지만 정식기능이아닌,
표준화 절차를 진행중인 기능
타입스크립트에선 이 기능을 제공을 하고, 타입스크립트를 기반으로하는 프레임워크에서도
이 기능을 사용.

 

데코레이터는 클래스, 속성, 메소드, 매개변수 앞에 붙일 수 있는 함수이다.

 

https://youtu.be/clsMXU1tm-g

예제1

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

@hello
class Person {

}

 

출력

class Person {
}

 

 

예제2

function hello(constructFn: Function) {
	console.log(constructFn);
	console.log('Hi!');
}

function bye(constructFn: Function) {
	console.log(constructFn);
	console.log('bye!');
}

function helloFactory(show: boolean) {
	if (show) {
		return hello;
	} else {
		return bye;
	}
}

@helloFactory(true)
class Person {
}

출력

class Person {
}
Hi!

 

 

 

예제3

function hello(constructFn: Function) {
	console.log(constructFn);
	console.log('Hi!');
}

function bye(constructFn: Function) {
	console.log(constructFn);
	console.log('bye!');
}

function helloFactory(show: boolean) {
	if (show) {
		return hello;
	} else {
		return bye;
	}
}

@helloFactory(false)
class Person {
}

출력

class Person {
}
bye!