JS' 공부흔적

[TypeScript] 기본 자료형 본문

TypeScript

[TypeScript] 기본 자료형

이준수 2022. 1. 17. 03:37

기본적으로 Javascript+타입으로 쓰인다. 아래와 같이 Typescript에서는 변수의 자료형을 함께 선언해주고, 선언된 자료형과 다른 타입의 값이 들어오면 에러 표시가 난다.

//javascript
let user;
user=3;

//typescript
let user: string;
user=3; //error

Typescript는 기본적으로 아래의 Javascript의 기본 자료형을 포함한다.

  • number
  • string
  • boolean
  • null (null이라는 값이 할당된 상태 -> object type)
  • undefined (변수가 선언된 후 아무 값도 할당되지 않은 상태 -> undefined type)
  • symbol(ES6에서 추가됨)
  • Array : Object

그리고 추가적으로 몇 가지 타입이 더 제공된다.

  • void (타입이 없는 상태, any와 반대의 의미)
  • any (어떤 타입이든 상관이 없다)
  • never
  • enum
  • tuple : Object

Array와 Tuple의 비교

Array

let a: number[] = [1, 2, 3];
let a: Array<number> = [1, 2, 3];

Tuple

  • 배열인데 타입이 한 가지가 아니다
  • 객체이다
let a: [string, number];

a = ["apple", 3];
a = [3, "apple"]; //error

Enum

enum ex{
    one, // 0
    two, // 1
    three // 2
}

enum ex{
    one = 1,
    two, // 2
    three // 3
}

enum ex{
    one, // 0
    two = 5,
    three // 6
}

Symbol

  • 유일한 식별자를 만들고자 할 때 사용
  • 유일성이 보장되는 자료형이므로, 설명이 동일한 symbol을 여러 개 만들어도 각 symbol값이 다르다
  • 따라서 key값으로 사용 가능
let sym = Symbol("id");
let sym2 = Symbol("id");

sym === sym2 // false

let obj = {
	[sym]: "val",
};

console.log(obj[sym]); // val
728x90
반응형