초보 개발자의 성장 일기

타입 추론 본문

Development/TypeScript

타입 추론

YUNA 2023. 12. 10. 17:36

타입스크립트는 자동으로 타입을 추론도 가능하다.

 

const a:string = '5';

a에 타입을 지정해주면 a는 원래 문자열 5의 값이지만 a는 string의 타입을 갖게 된다.

타입은 최대한 정확하게 하는것이 중요하다. 이 경우에는 정확한 5의 값에서 더 넓은 타입인 문자열로 넓혀버린 것이다.

 

const a = '5';

타입스크립트의 추론을 먼저 확인하고 틀렸을 때 타입을 명시해준다.

 

function add(x: number, y: number) {return x + y};
const result = add(1, 2);

매개변수에 타입을 지정해주면 return의 타입을 생략해도 추론이 가능하다.

 

튜플을 사용할 때

const arr3 = [123, 456, 'hello'];

타입 지정을 없애면 const arr3: (string | number)[]로 지정한다.

이럴땐 이전에 사용했던 타입과는 다르므로 명확하게 타입을 적어 명시해야 한다.

 

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