FrontEngineer JungBam

Union / type 본문

타입 스크립트

Union / type

정밤톨 2023. 3. 10. 02:03
const combine = (input1: number | string, input2: number | string) => {
  let result;
  if (typeof input1 === "number" && typeof input2 === "number") {
    // 런타임 타입검사
    result = input1 + input2;
  } else {
    result = input1.toString() + input2.toString();
  }
  return result;
};

const combinedAges = combine(30, 25);
console.log(combinedAges);

const combinedName = combine("A", "B");
console.log(combinedName);
공식문서 설명을 보면 가장 많이 사용하는 타입으로 유니언과 제네릭을 설명하고 있는데 유니언은 여러 타입 중 하나일 수 있음을 선언하는 방법이다.(아래 링크 참조 : 우측 유니언 배너)

위의 코드는 강의에서 설명된 코드인데 유니언으로 작업을 하고 런타입에서 타입체크를 통해 분기처리를 해줌으로써 원하는 결과를 만들 수 있다.(공식문서에도 동일하게 설명되어 있음.)
 

Documentation - TypeScript for JavaScript Programmers

Learn how TypeScript extends JavaScript

www.typescriptlang.org

type WindowStates = "open" | "closed" | "minimized";
type LockStates = "locked" | "unlocked";
type OddNumbersUnderTen = 1 | 3 | 5 | 7 | 9;
또는 위의 코드처럼 type을 생성할 때에 유니언을 통해 정의하여 사용한다.(공식문서의 예제)
반응형
Comments