FrontEngineer JungBam
Union / type 본문
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);
공식문서 설명을 보면 가장 많이 사용하는 타입으로 유니언과 제네릭을 설명하고 있는데 유니언은 여러 타입 중 하나일 수 있음을 선언하는 방법이다.(아래 링크 참조 : 우측 유니언 배너)
위의 코드는 강의에서 설명된 코드인데 유니언으로 작업을 하고 런타입에서 타입체크를 통해 분기처리를 해줌으로써 원하는 결과를 만들 수 있다.(공식문서에도 동일하게 설명되어 있음.)
type WindowStates = "open" | "closed" | "minimized";
type LockStates = "locked" | "unlocked";
type OddNumbersUnderTen = 1 | 3 | 5 | 7 | 9;
또는 위의 코드처럼 type을 생성할 때에 유니언을 통해 정의하여 사용한다.(공식문서의 예제)
반응형
'타입 스크립트' 카테고리의 다른 글
내가 쓰는 제네릭 타입 (0) | 2023.10.02 |
---|---|
타입 스크립트에서의 튜플 (0) | 2023.03.10 |
타입스크립트란 무엇인가?(feat. 이펙티브 타입스크립트) (0) | 2023.02.13 |
Comments