티스토리 뷰

타입스크립트

타입스크립트 Guard

이안곰 2023. 3. 16. 19:59
반응형

타입스크립트 가드(TypeScript Guard)는 런타임 시점에 변수나 값의 타입을 체크하여 타입 안정성을 보장해주는 기능입니다. 이를 통해 코드의 가독성과 유지보수성을 높일 수 있습니다.

예를 들어, 다음과 같은 코드가 있다고 가정해봅시다.

function printLength(strOrArr: string | string[]) {
  if (typeof strOrArr === "string") {
    console.log(strOrArr.length);
  } else {
    console.log(strOrArr.length);
  }
}

위 코드에서 strOrArr 변수의 타입은 string 또는 string[]입니다.

이를 가드를 이용하여 체크하면, 런타임 시점에 strOrArr 변수의 타입을 검사하여 해당 타입에 맞는 코드 블록을 실행합니다.

타입스크립트 가드는 다양한 방법으로 구현할 수 있습니다.

typeof, instanceof, in 연산자 등을 이용하여 타입 체크를 할 수 있습니다.

function printLength(strOrArr: string | string[]) {
  if (typeof strOrArr === "string") {
    console.log(strOrArr.length);
  } else if (strOrArr instanceof Array) {
    console.log(strOrArr.length);
  }
}

위 코드에서는 typeof와 instanceof 연산자를 이용하여 strOrArr 변수의 타입을 체크합니다.

타입스크립트 가드를 이용하면 런타임 시점에 타입 안정성을 보장할 수 있습니다.

 

반응형
댓글