티스토리 뷰

반응형

TypeScript Parameter Decorator는 함수의 매개변수에 대한 메타데이터를 정의하는 데 사용됩니다.

함수의 매개변수를 수정하거나 감시하고 싶을 때 사용할 수 있습니다. 예를 들어 매개변수의 유효성 검사를 수행하거나, 매개변수의 타입을 변경하거나, 매개변수의 값을 로깅하는 등의 작업을 수행할 수 있습니다.

Parameter Decorator는 @ 기호와 함수의 매개변수 이름 사이에 위치합니다. 아래는 Parameter Decorator를 사용한 예시입니다.

function logParameter(target: any, key: string, index: number) {
    console.log(`Parameter ${index} of ${key} function is decorated`);
}

class MyClass {
    myMethod(@logParameter param1: string, @logParameter param2: number) {
        console.log(`Hello ${param1}, your age is ${param2}`);
    }
}

위의 예시에서 logParameter 함수는 Parameter Decorator로 정의되어 있습니다. @logParameter 데코레이터는 myMethod 함수의 매개변수 param1과 param2에 적용되었습니다. 실행 결과는 다음과 같습니다.

Parameter 0 of myMethod function is decorated
Parameter 1 of myMethod function is decorated
Hello world, your age is 30

매개변수의 인덱스, 함수 이름, 데코레이터가 적용된 클래스의 인스턴스 등의 정보를 사용하여 데코레이터 함수에서 원하는 작업을 수행할 수 있습니다.

 

반응형

'타입스크립트' 카테고리의 다른 글

타입스크립트 Mixins  (0) 2023.03.17
타입스크립트 Property Decorator  (0) 2023.03.17
타입스크립트 Method Decorator  (0) 2023.03.17
타입스크립트 Class Decorator  (0) 2023.03.17
타입스크립트 Readonly 속성  (0) 2023.03.17
댓글