사용자 정의 형식 가드 함수

시작하기

is 술어 반환 타입

function isString(val: unknown): val is string {
  return typeof val === 'string';
}

타입 가드 사용하기

function process(val: unknown) {
  if (isString(val)) {
    console.log(val.toUpperCase()); // val: string
  }
}

인터페이스를 위한 타입 가드

interface Cat { meow(): void }
interface Dog { bark(): void }
function isCat(pet: Cat | Dog): pet is Cat {
  return 'meow' in pet;
}

복잡한 객체를 위한 타입 가드

interface User { name: string; age: number; }
function isUser(val: unknown): val is User {
  return (
    typeof val === 'object' &&
    val !== null &&
    typeof (val as any).name === 'string' &&
    typeof (val as any).age === 'number'
  );
}

타입 가드와 타입 단언

타입 가드로서의 Array.isArray

function flatten(val: string | string[]): string[] {
  return Array.isArray(val) ? val : [val];
}

제네릭 타입 가드

function isNonNull<T>(val: T | null | undefined): val is T {
  return val !== null && val !== undefined;
}
const values = [1, null, 2, undefined].filter(isNonNull);
// values: number[]

단언 함수

function assertIsString(val: unknown): asserts val is string {
  if (typeof val !== 'string') throw new TypeError('Not a string');
}
assertIsString(input);
console.log(input.toUpperCase()); // narrowed to string

타입 가드의 책임

filter와 find에서의 타입 가드

const mixed: (string | null)[] = ['a', null, 'b'];
const strings = mixed.filter((x): x is string => x !== null);
// strings: string[]

빠른 확인

복습