연권
달콘박스
연권
전체 방문자
56,749
오늘
2
어제
102
  • 전체 (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)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

  • 소인수분해 알고리즘 [ javascript ]
    2021.09.08
    소인수분해 알고리즘 [ javascript ]
  • Vue.js에서 infinite scroll 구현하기
    2021.05.27
    Vue.js에서 infinite scroll 구현하기
  • 구름IDE 에서 MySQL 사용하기
    2020.01.09
    구름IDE 에서 MySQL 사용하기
  • JMeter로 REST API 자동 테스트 하기2
    2021.06.24
    JMeter로 REST API 자동 테스트 하기2
  • JMeter로 REST API 자동 테스트 하기1
    2021.06.22
    JMeter로 REST API 자동 테스트 하기1

태그

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

최근 댓글

  • 포스팅 잘 보고 가요!
    아이폰 14 pro max
  • 감사합니다 수정하였습니다 :)
    연권
  • mysql.cnf 가 니라 mysqld.cnf 입니다.!!
    ㅇㅇ
  • 안녕하세요. 포스팅 감사합니다.. 저도 Vue-infin⋯
    지돌이
  • 안녕하세요 42서울 재웅시가 가능한가요?
    예나

최근 글

  • Observer Pattern
    2022.06.21
    Observer Pattern
  • Proxy Pattern (JavaScript)
    2022.06.07
    Proxy Pattern (JavaScript)
  • Singleton Pattern (JavaScript)
    2022.06.07
    Singleton Pattern (JavaScript)
  • 타입 좁히기 (Type Guard)
    2022.05.21
    타입 좁히기 (Type Guard)
  • 라인 플러스 면접 후기
    2022.05.13

티스토리

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
    typeguard, typescript
    연권
    연권
    댓글쓰기
    TypeScript Intersection & Union
    이전 글
    TypeScript Intersection & Union

    티스토리툴바