[TypeScript/타입스크립트] 타입 지정

간단한 변수 타입 지정

• string, number, boolean, null, undefined, bigint, [], {} 등 가능

let 이름 : string = 'Kim';
let a : null = null;
let b : undefined = undefined;

 

 

array 타입 지정

• array의 요소들이 어떤 타입인지 지정 필요
• 2가지 방법으로 지정 가능

let 이름1 : string[] = ['Kim', 'Lee'];
let 이름2 : Array<stirng> = ['Kim', 'Lee'];

 

object 타입 지정

let 이름 : { name : string } = { name : "Kim" };

• 속성 뒤에 ?를 붙여서 옵션임을 명시할 수도 있다. 이 속성이 들어갈 수도 있고 안 들어갈 수도 있다는 뜻. 

let 이름 : { name? : string } = { name : 'kim'};

•  

Union 타입 지정

• 다양한 타입이 들어올 수 있게 함
• 예를 들어 아래처럼 하면 이 변수에는 string 또는 number가 들어올 수 있다는 뜻

let 이름 : string | number = 'kim';

• 이때 타입을 변수에 담을 수도 있다. => Type alias
  보통 타입명은 대문자로 시작하도록 작명을 많이 한다.

type Name = string | number

let 이름 : Name = 123;

• object에 타입 지정해야할 속성이 많을 때는 한꺼번에 지정도 가능.
  아래와 같이 작성하면 글자로 된 모든 object 속성의 타입은 string이라는 뜻이다. [key :string]은 모든 object 속성을 말한다.

type Member = {
	[key :string] : string,
}
let john : Member = {name : 'kim', age = '123'};

 

함수에 타입 지정 가능

• 파라미터에 타입 지정

function 함수(x : number){
	return x
}

• 리턴 값에 타입 지정

function 함수(x : number) :number{
	return x
}

 

 

class 타입 지정

class User {
    name : string;
    constructor(name :string){
    	this.name = name;
    }
}

 

enum 타입

• 값을 따로 지정해주지 않으면 0부터 할당함.

enum Os {
	Window, 
    	Ios,
    	Android
}

console.log(Os[0]);
// 출력 : "Window"

console.log(Os['Ios']);
// 출력 : 1

• 지정해주면 그 값으로 나옴. 지정하지 않은 값은 이전 값에서 1 증가한 값으로 할당.

enum Os {
	Window = 3, 
    	Ios = 10,
    	Android
}

console.log(Os[3]);
// 출력 : "Window"

console.log(Os['Android']);
// 출력 : 11