반응형
1. Union Type
특정 변수에 string또는 number 와 같이 변수 하나에 타입을 두개 주고 싶은 경우에 사용하는 타입이다.
let 이름: string | number = "seo";
Union Type으로 string과 number를 지정한 경우 변수에는 string 또는 number만 들어올 수 있다.
그리고 값을 할당하는 순간 타입은 string 또는 number로 변하게 된다.
array, object 자료를 만들 때 Union Type을 쓰려면 어떻게 할까?
let arrayType: (number | string)[] = [1,"2",3]
let objectType: {data : number | string} = {data : "123"}
배열을 사용할 때는 ()를 사용해서 타입을 묶어주면 된다.
2. Any Type
어떤 유형의 타입도 집어넣을 수 있는 타입이다.
let 이름: any = 'seo';
이름 = 123;
이름 = undefined;
이름 = [];
Any Type은 마구 난발해버리면 타입 관련 버그가 생길 경우 추적이 어렵기 때문에 비상시에만 사용하고
자주 사용하진 않는다.
3. unknown Type
any와 같이 모든 타입을 집어넣을 수 있다.
어떤 타입이 들어올지 모를 경우, 다양한 타입을 집어넣어야할 경우에 사용하는 타입이다.
let 이름: unknown = 'kim';
이름 = 123;
이름 = undefined;
이름 = [];
중요한 특징으로
1. unknown 타입엔 모든 자료를 다 집어넣을 수 있다.
2. 자료를 집어넣어도 타입은 그대로 unknown 이다.
반응형
'TypeScript > 기초' 카테고리의 다른 글
[TypeScript] 타입 확정하기 (1) | 2022.05.09 |
---|---|
[TypeScript] 함수에 타입 지정하기 (1) | 2022.05.08 |
[TypeScript] 기본 타입 정리 (0) | 2022.04.16 |
[TypeScript] 컴파일 시 세부 설정 (0) | 2022.04.15 |
[TypeScript] React에서 TypeScript 사용하기 (0) | 2022.04.13 |