[TS] Type Alias

Bomin·2023년 3월 23일
1

[TypeScript]

목록 보기
3/3
post-thumbnail

🔎 타입 별칭

  • 재사용하는 타입에 더 쉬운 이름을 할당하는 방법 type alias
  • type 새로운 이름 = 타입
  • 타입 별칭은 PascalCase로 지정
type MyName = ...;
  • 타입 시스템의 ‘복붙’처럼 작동
type door = boolean | number | string | null | undefined;

let suzume : door;
let souta : door;
let daizin : door;
  • 훨씬 읽기 쉽다.
  • 타입이 복잡해질 때 사용할 수 있는 편리한 기능!

🔆 type alias 는 javaScript가 ❌

  • 타입스크립트의 타입 시스템에만 존재
  • .js → .ts 시 사라지는 코드!
  • 런타임 코드에서 참조 불가, 개발 시에만 존재
type door = boolean | number | string | null | undefined;

console.log(door)
//Error: 'door' only refers to a type, but is being used as a value here.

🔆 타입 별칭 결합

  • 타입 별칭은 다른 타입 별칭을 참조할 수 있다.
type Id = number | string;
type IdMaybe = Id | undefined | null
//순서는 바뀌어도 상관 없다. IdMaybe 앞에 Id가 와도 OK
profile
Frontend-developer

0개의 댓글