개발자로 전향중

TpyeScript 어노테이션이란? 본문

Typescript

TpyeScript 어노테이션이란?

hovinee 2023. 3. 14. 10:04

(number: string | number): string은 TypeScript의 타입 어노테이션(annotation)입니다. 이 어노테이션은 함수의 매개변수 number가 문자열 또는 숫자 타입이 될 수 있으며, 함수의 반환값은 문자열 타입이라는 것을 나타냅니다.

여기서 string | number는 유니온 타입(Union Type)입니다. 즉, number 매개변수는 문자열 또는 숫자 중 하나가 될 수 있다는 뜻입니다. 함수의 매개변수 타입이 유니온 타입으로 지정되면 해당 매개변수는 문자열 또는 숫자로 전달될 수 있습니다.

함수의 반환값이 string 타입이므로, numberComma() 함수는 항상 문자열을 반환합니다.

예를 들어, 다음과 같이 사용할 있습니다.

 

function numberComma(number: string | number): string {
  return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

console.log(numberComma("1234567")); // "1,234,567"
console.log(numberComma(1234567)); // "1,234,567"