[TIL] TypeScript-Sort of type

link717·2021년 2월 21일
0

TIL

목록 보기
38/53
post-thumbnail

🌼 Sort of type

  • any: 어떠한 타입이든 모두 가능한 타입이다. 다만, 좀 더 나은 코드를 작성하고 유지보수를 위해서는 사용을 지양하는 것이 좋다.
let someValue: any = 5;
someValue = "hello";
someValue = true; //어떤 값을 할당해도 complie시 문제가 되지 않는다.
  • union: 제한된 타입들을 동시에 지정하고 싶을 때 사용한다.
let price: number | string = 5;
someValue = "free";
someValue = true; // 지정된 타입이 아니므로 error가 발생한다.
  • aliases: 2개 이상의 타입 조합이 반복적으로 등장할 때 코드를 좀 더 효율적으로 작성하기 위해서 사용한다. 타입 조합을 aliases로 할당하고 이를 타입으로 지정하여 사용한다.
type StrOrNum = number | string;
let price: StrOrNum = 5;

🌻 Type Guards

union 타입을 가진 변수를 타입이 없는 변수에 할당하려고 할 때 error가 발생하는데 이 때 코드의 검증을 수행하기 위해 방법을 말한다.

// type guard 방법 중 하나로 typeof 연산자와 조건문을 사용하는 방법이 있다.
type StringOrNum = string | number;
let itemPrice: number;

const setItemPrice = (price: StringOrNum):void => {
  if (typeof price === "string") {
    itemPrice = 0;
  } else {
    itemPrice = price;
  }
} 

setItemPrice(50);

출처: YOUTUBE-땅콩코딩

profile
Turtle Never stop

0개의 댓글