타입스크립트_타입 가드

🎈주제:  Ts의 타입 가드

 

1.  타입 가드란?

타입을 좁혀내기 위해 사용하는 기술이다.

너무너무 중요하다!

 

1-1. typeof

Js에서 많이 활용해 봤을 친구다 :)

막아버렸다!!

function print(value: string | number): string {
    if(typeof value === 'number') {
        return String(value);
    }

    if(typeof value === 'string') {
        return value;
    }

    return value;
}

이러면 안전해진다..

 

1-2. in

• in 연산자는 명시된 속성이 명시된 객체에 존재하면 true를 반환한다.
• 이미 Js에 있는 타입 검사 연산자이다.
• 다시 말해, 객체가 특정 속성을 가지고 있는지 검사를 해준다고 생각하면 된다.

 

interface Dog {
    name: string;
    bark(): '멍멍';
}

interface Cat {
    name: string;
    meow(): '냐옹';
}

function sayAnimal(animal: Dog | Cat) {
    if('bark' in animal) {
        animal.bark();
    }

    if('meow' in animal) {
        animal.meow();
    }
}

 

1-3. instanceof

 

생성자의 prototype 속성이 객체의 프로토타입 체인 어딘가 존재하는지 판별한다.

이 친구도 Js에 존재한다.

 

function getDate(date: Date | string): Date {
    if(date instanceof Date) {
        return date;
    }

    return new Date(date);
}

 

1-4. 사용자 정의

 

앞전에 본 타입가드들이 좀 아쉽다고 느껴진다.

새로운 사용자 정의 타입 가드를 알아보자!

효율성이 올라간다. (재활용이 가능하기 때문에!)

 

function isDate(date: Date | string): date is Date {
    return date instanceof Date;
}

function getDate(date: Date | string): Date {
    if(isDate(date)) {
        return date;
    }

    return new Date(date);
}

 

 

End.