🐳 2.3 any, unknown

2.3에서 알아볼 것은 any와 unknown의 차이, typeof ,instanceof 및 in외에도 커스텀 타입 가드를 사용하는 방법을 살펴볼 것이다.

🌏 any

any타입 변수는 모든 타입의 값을 가질 수 있습니다.
타입스크립트에서 타입을 작성하지 않는다면 자바스크립트와 차이가 없습니다. any타입역시 존재하지 않는 프로퍼티에 접근하면 런타임 중 예기치 않은 오류가 발생할 수 있다.

🌏 unknown

타입스크립트는 3.0버전에 도입됐습니다.

컴파일러는 프로퍼티에 접근하기전 unknown타입의 변수에 타입 범위를 줄이라고 경고합니다.

🌏 any와 unknown의 차이

프론트엔드에서 Person타입을 선언하고, 백엔드에서 JSON타입이라고 가정해보자.

// 2_25
type Person2_25 ={
    address: string;
}

let person1: any;

person1 = JSON.parse(`{"adress":"25Broadway"}`);

console.log(person1.address); // undefined 출력

// 2_26
let person2: unknown;

person2 = JSON.parse(`{"adress":"25Broadway"}`);

console.log(person2.address); // 컴파일 오류 발생

타입 스크립트는 사용자가 정의한 타입가드로 객체의 특정 타이븡 ㄹ확인할 수 있습니다.

타입가드 isPerson()을 만들고, address 프로퍼티를 가진 객체면 Person임을 출력하도록 만들어보겠습니다.

//2_27
const isPerson = (object:any): object is Person => "address" in object;

주어진 객체가 address를 가지면 true를 반환합니다.

if(isPerson(person2)){
    console.log(person2.address);
} else{
    console.log('person2 is not a Person');
}

잘못된 객체를 파라미터로 가져오지 않는 한 컴파일 오류 없이 잘 작동함.
( null전달 시 address에서 오류 )

// 2_29
const isPerson2_29 = (object: any): object is Person => !!object && 'address'in object;

bit.ly/2Vs2dp6참고.

객체가 특정 타입에 매칭되는지 확인하려면 몇가지 프로퍼티가 더필요합니다.
더 간단하게는 식별자 프로퍼티를 가지고 Person타입을 식별하는 것.

type Person = {
    discriminator: 'person';
    address: string;
}

const isPerson2_29 = (object: any): object is Person => !!object && object.disconnector === 'person'