Typescript 유니언(Union)

 

 

자료형을 선언하는 경우 n개의 형식을 갖기 위해서는 union을 사용하면된다.

var val:string|number|boolean; //union타입 선언, 파이프(|)를 통해 이어나갈 수 있다.
val = 1004; 
console.log(val, typeof val);
val = "text"; 
console.log(val, typeof val);
val = true;
console.log(val, typeof val);

만약 선언된 자료형에 다른값이 대입되면 컴파일 오류가 난다.

var val:string|number; //자료형은 숫자, 문자
val = 1004; 
console.log(val, typeof val);
val = "text"; 
console.log(val, typeof val);
val = true;  //boolean 선언, 컴파일 오류
console.log(val, typeof val);

컴파일 오류모습

이러한 유니언 타입은 함수에서도 사용 가능하다.

function unionParamMethod(text:string|string[]) { //union 타입 파라미터
   if(typeof text == "string") { 
      console.log(text); 
   } else { 
	for(let i in text){
	    console.log(text[i]);
	}
   } 
} 

unionParamMethod("single"); ;
unionParamMethod(['a','b','c','d','e']);

자바스크립트의 장점이자 단점은 자료형태를 "var 변수 = 데이터" 형식으로 전부 받을 수 있다는 점이다.

이러한 점은 나중에 어떠한 계산식이나 함수에서 문자가 와야할 곳에 숫자가 온다던지, 숫자가 와야할 곳에 문자가 온다던지 등의 오류를 발생하게 된다.

이에 타입스크립트에서는 이러한 오류를 대비하고자 여러 자료형과 union타입을 제공하여 조금 더 엄격하게 구성하여 놓았다.