TypeScript Types

앞서 Type Annotation을 살펴보며, 타입스크립트는 자바스크립트와 달리 변수 선언 시 타입을 지정할 수 있다는 것을 확인했습니다.

이번에는 TypeScript에는 어떠한 Type들이 있는지 살펴보도록 하겠습니다.

TypeScript Type vs JavaScript Type

기본적으로 TypeScript는 Static Types으로 개발하는 중에 타입을 체크해 에러를 잡아낼 수 있지만, JavaScript 의 경우 Dynamic Type으로 런타임에 가서야 에러를 잡아낼 수 있습니다.

아래 예시를 통해 살펴보도록 하겠습니다.

//JavaScript
function add(n1, n2) {
  if (typeof n1 !== 'number' || typeof n2 !== 'number') {
    throw new Error( 'Incorrect input!');
  }
  return n1 + n2;
}

//TypeScript
function add(n1 : number, n2 : number) {
  return n1 + n2;
}
const result = add(39, 28);

자바스크립트의 경우 런타임시 n1과 n2의 타입이 숫자가 아닌 경우 에러를 보내게 됩니다.

하지만 타입스크립트의 경우 개발 환경에서 미리 타입을 지정함으로써 미리 에러를 잡아낼 수 있습니다.

따라서 TypeScript에서는 JavaScript에서 제공하는 타입을 제공하며(boolean, Number, String, Null, Undefined, Symbol, Array:Object형) 이를 돕기 위해 아래와 같은 추가적인 열거 타입이 제공되었습니다.

타입스크립트에 추가된 타입

▶Any, Void, Never, Unknown
▶Enum
▶Tuple: object 형