연권
달콘박스
연권
전체 방문자
오늘
어제
  • 전체 (308)
    • Web (22)
      • JavaScript (8)
      • TypeScript (2)
      • Node.js (8)
      • HTML (0)
      • CSS (0)
      • Network (1)
      • Browser (0)
      • Patterns (3)
    • Framwork (4)
      • Vue.js (3)
      • Electron (1)
    • Infra&DevOps (1)
    • Algorithm (246)
    • Database (16)
    • Review (15)
    • Test (4)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • MySQL
  • 정렬
  • 백준ㅇ
  • 알고리즘
  • 코딩테스트 연습
  • 재귀
  • 스택
  • java
  • 백준
  • 동적계획법
  • 진수
  • 문자열
  • 진법
  • sql
  • 프로그래머스
  • DP
  • javascript
  • BFS
  • typescript
  • 백트레킹

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
연권

달콘박스

타입 좁히기 (Type Guard)
Web/TypeScript

타입 좁히기 (Type Guard)

2022. 5. 21. 01:23
반응형

타입 좁히기는 타입스크립트를 넓은 타입으로부터 좁은 타입으로 진행하는 과정을 말합니다.

null 체크

존재하지 않을 때 null을 반환하는 메소드나 함수의 경우 if 문을 통한 null 체크를 통해 타입 좁히기를 할 수 있습니다.

instanceof

생성자의 프로토타입 속성이 객체 프로토타입 체인 어딘가에 존재하는 여부를 확인할 수 있는 instanceof 연산자를 if문과 사용해서 타입을 좁힐 수 있습니다. 

속성 체크 (in)

프로퍼티가 존재하는지 확인할 수 있는 in 연산자를 통해 타입을 좁힐 수 있습니다.

내장 함수 사용

Array.isArray 같이 타입을 판별할 수 있는 내장함수를 사용하여 타입을 좁힐 수 있습니다.

tagged union 패턴 사용

명시적으로 태그를 붙여 타입을 좁힐 수 있습니다.

사용자 정의 타입 가드

타입 식별을 돕기 위한 커스텀 함수를 도입합니다.

반응형
저작자표시 동일조건 (새창열림)

'Web > TypeScript' 카테고리의 다른 글

TypeScript Intersection & Union  (0) 2022.05.04
    'Web/TypeScript' 카테고리의 다른 글
    • TypeScript Intersection & Union
    연권
    연권

    티스토리툴바