[코딩앙마] typescript - 5 : 리터럴, 유니온/교차 타입

1. 문자열(리터럴) 타입

const userName1 = "Bob"    // 변경되지 않는 변수 선언
let userName2: string | number = "Tom"  // 이후 변수를 변경

 

 

2. 유니온 타입 : 자바스크립트의 OR 연산자 || 

interface Car {
  name: "car";
  color: string;
  start(): void;
}

interface Mobile {
  name: "mobile";
  color: string;
  call(): void;
}

// 식별가능한 유니온 타입
function getGift(gift: Car | Mobile) {
  if (gift.name === "car"){
    gift.start()
  } else {
    gift.call()
  }
}

 

 

3. 교차파입 : 여러타입을 합쳐서 사용

interface Car {
  name: string;
  start(): void;
}

interface Toy {
  name: string;
  color: string;
  price: number;
}

const toyCar: Toy & Car = {
  name: "타요",
  start(){},
  color: "blue",
  price: 1000
}