타입스크립트의 기본 타입에는 크게 12가지가 있다.
타입스크립트는 자바스크립트와 다르게 타입이 문자열인 경우 정확하게 타입을 지정해줘야한다
let str: string = 'hi';
위와 같이
:
를 이용하여 자바스크립트 코드에 타입을 정의하는 방식은 타입 표기(Type Annotation)이라고 정의한다.
타입이 숫자이면 아래와 같이 선언한다.
let num: number = 10;
타입이 참, 거짓을 판별하는 경우, 즉 진위 값인 경우
let isLoggedIn: boolean = false;
타입이 배열인 경우
let arr: number[] = [1,2,3];
또는 제네릭을 사용할 수 있다
let arr: Array<number> = [1,2,3]
튜플은 배열의 길이가 고정되고 각요소의 타입이 지정되어 있는 배열 형식을 의미한다.
let arr: [string, number] = ['hi', 10];
만약 정의하지 않은 타입, 인덱스로 접근할 경우 오류가 납니다.
arr[1].concat('!'); // Error, 'number' does not have 'concat'
arr[5] = 'hello'; // Error, Property '5' does not exist on type '[string, number]'.
이넘은 C, Java와 같은 다른 언어에서 흔하게 쓰이는 타입으로 특정 값(상수)들의 집합을 의미합니다.
enum Avengers { Capt, IronMan, Thor}
let hero: Avengers = Avengers.Capt
이넘은 인덱스 번호로도 접근할 수 있습니다.
enum Avengers {Capt, IronMan, Thor}
let hero: Avengers = Avengers[0];
만약 원한다면 이넘의 인덱스를 사용자 편의로 변경하여 사용할 수 있습니다.
enum Avengers = { Capt = 2, IronMan, Thor}
let hero: Avengers = Avengers[2] // capt
let hero Avengers = Avengers[4] // Thor, Capt이 인덱스 번호 2이기때문에
기본에 자바스크립트로 구현되어 있는 웹 서비스 코드에 타입스크립트를 점진적으로 적용할 때 활용하면 좋은 타입입니다. 단어 의미 그대로 모든 타입에 대해서 허용한다는 의미를 갖고 있습니다.
let str: any = 'hi';
let num: any = 10';
let arr: any = ['a', 2, true]
변수에는 undefined
와 null
만 할당하고, 함수에는 반환 값을 설정할 수 없는 타입입니다.
let unuseful: void = undefined;
function notues(): void {
console.log('sth');
}
함수의 끝에 절대 도달하지 않는다는 의미를 지닌 타입입니다.
// 함수는 절대 끝까지 실행되지 않는다.
function neverEnd(): never {
while (true) {
}
}