[240118] 이펙티브 타입스크립트 3주차

Effective Typescript 5장, 6장을 읽고 선정한 인터뷰 질문과 스터디 내용입니다.

내용요약

5장 요약 링크
6장 요약 링크

---

인터뷰질문

Q. any 타입 대신 어떤 방법을 써볼 수 있을까?

A.

• any타입의 범위 좁히기
  • 함수의 매개변수 - 매개변수 그 자체에 any타입 단언
  • 객체 - 객체 전체가 아닌 문제가 되는 부분만 any타입 단언
• @ts-ignore사용하기
• any 보다는 any[], {[key: string]: any}, ()=>any등의 표현 사용하기
• 모르는 값에는 any보다 unknown사용하기
• npm type-coverage 패키지를 이용하여 any추적하기

 

Q. object vs Object vs {} vs {[key: string]: any}

A.

• {}
  • null과 undefined를 제외한 모든 값들을 포함
• Object
  • {}와 동일
• object
  • 원시형(기본형)이 아닌 모든 값들을 포함.
  • 기본형은 string number boolean symbol bigint null undefined
• {[key: string]: any}
  • object나 {}와 다르게 key를 이용한 참조(객체[key]값 얻기) 가능

 

• (느슨함) {} = Object > object > {[key: string]: any} (엄격함)