타입 스크립트 기초 3 - 타입 별칭, enum, 클래스

반응형

유니온타입

function logMessage(value: string | number) {
    console.log(value);
}

변수 타입을 여러가지로 설정이 가능하다. string이든 number든 가능하다.

 

 

interface Developer {
    name: string;
    skill: string;
}

interface Person {
    name: string;
    age: number;
}

function askSomeone( someone: Developer | Person ) {
    someone.name;	// 사용가능
    someone.skill;	// 사용불가
    someone.age;	// 사용불가
}

Developer와 Person의 공통된 변수인 name만 사용이 가능하다.

 

타입 별칭과 인터페이스의 가장 큰 차이점은 타입의 확장가능 / 불가능 여부이다. 따라서 가능한 인터페이스로 선언해서 사용하는 것을 추천한다.

 

enum

enum Answer {
    Yes = 'Y',
    No = 'N',
}

enum은 데이터의 집합이며 원하는 문자열을 받기 위해서 사용한다. 

 

클래스

class Person {
    private name: string;
    public age: number;
    readonly log: string;

    constructor(name: string, age: number) {
        this.name = name;
        this.age = age;
    }
}

이와 같이 클래스를 선언하여 사용할 수 있다.