[TypeScript] TypeScript 공부하기

[ Implicit Type vs Explicit Type ]

변수 선언할때는 굳이 type을 지정해줄 필요 없음 

=> typescript의 typechecker가 inter추론하게 두는게  더좋음! 

// implicit type
let x = 5;

// explicit type
let x: number = 5;

 

 

[ object type에서 변수를 선언할때, 선택적으로 사용할 경우 ]

?를 넣어주면 됨! 

==> 변수 ? 로 사용할 경우, 변수가 존재하는지 확인하고 쓰는 과정이 필요!

const person = { name : string, email?: string }
if ( person.email && person.email.includes('google') {}

 

 

[ 똑같은 형식의 객체를 계속 생성할 경우 - ex) Person1, Person2 ]

==> type 사용하기 (재사용성!)

type Person = { name: string, email?: string}

 

 

[ 함수 return type 지정하기 ]

1) readonly property : 수정 불가능!

=> immutability 보장

 

2) tuple type 지정 -> 갯수 제한, 순서에 따라 타입 제한 

const person : [string, number, boolean] = ['human', 22, true]

 

3) 옵셔널 값 처리

: 함수의 리턴 값에 ?를 사용하면, 그 값은 undefined가 될 수도 있음을 의미

function getPerson(): { name: string, age?: number } {
  return { name: 'John' }; 
}

 

[ JS에는 존재하지 않지만, 타입스크립트에만 존재하는 타입 ]

1) unknown

return type 을 . 잘알지 못할때 -> unknown 으로 설정해놓고

if (typeof a ==='number') 이런식으로 설정 가능

 

2) void

void : 아무것도 return 하지 않는 함수 

(void === empty)

 

3) never

함수가 절대 return 하지 않을 때 발생 

throw exception 할때 사용하거나 무한 루프에 빠지는 함수에서 사용