타입 지정하기

일반 함수

function add(x: number, y: number): number { return x + y }

매개변수에 각각 타입을 지정해주고 리턴값에도 타입을 지정하려면 매개변수 뒤에 : 타입을 지정해준다.

 

function add(x: number, y: number): number; //타입
function add(x, y) { // 실제코드
	return x + y;
}

같은함수가 같이 선언되어있으면 오류가 나지만 앞의 함수가 타입만 선언이 되어 있으면 오류가 나지 않는다.

 

화살표 함수

const add: (x: number, y: number) => number = (x, y) => x + y;

화살표 함수는 변수 명 뒤에 :를 작성해주고 리턴 값에 타입을 지정하려면 화살표(=>) 뒤에 타입을 작성해준다.

 

따로 타입 변수를 만들어 지정도 가능하다.

type Add = (x: number, y: number) => number;
const add: Add = (x, y) => x + y;

 변수명 add: 뒤에 타입 변수명을 지정해주기만 하면된다.

 

interface Add {
	(x: number, y: number): number;
}

const add: Add = (x, y) => x + y;

타입을 정의하는 방법에는 type 외에 interface가 있다.

 

객체 타입 지정

const obj: { lat: number, lon: number } = { lat: 37.5, lon: 127.5 }

 

배열 타입 지정

배열에 타입을 지정하는 방법에는 두가지 방법이 있다.

const arr: string[] = ['123', '456'];

 

const arr2: Array<number> = [123, 456];

<>는 제네릭이라고 부른다.

 

튜플 타입 지정

튜플: 길이가 고정된 배열, 길이가 서로 같아야하며 다르면 오류가 난다.

const arr3: [number, number, string] = [123, 456, 'hello']

 

값을 지정할 수도 있다.

const f: true = true;

const j: 5 = 5

타입자리에 고정된 원시값을 넣을 수 있다.