본문 바로가기
타입스크립트

Alias 타입

by ho-bolt 2022. 6. 21.

저번에 타입스크립트에서 객체를 선언할 때 선택적으로도 인스턴스를 선언할 수 있는 걸 보았다. 하지만 만약에 player라는 객체를 여러개 만들어야 한다고 가정하면 매번 이름과 나이를 반복적으로 작성해주어야 한다.
이러한 불편함을 없애주기 위해 Alias 타입이라는 것이 있다!!

Alias 타입

type Player={
 name :string,
 age?:number
}

const player1:Player={
   name : "hojin"
}

const player2 : Player = {
   name :"ho-bolt"
   age : 27
}

이렇게 상단에 타입을 정의해 놓은 것을 선언해두면 다른 객체에서는 타입을 정의한 걸 반복적으로 작성할 필요가 없어진다!

자바의 클래스 정의랑 비슷한다!

🤔 여기서 Player 뿐만 아니라 name, age도 Player와 똑같은 방식으로 Alias 타입으로 선언해두고 작성할 수 있다.

return 타입

코딩에서 가장 중요한 것중 하나는 바로 리턴 타입이다. 위와 똑같은 방식으로 객체의 return 타입을 정해줄 수 있다.

type Age=number;
type Name=string;
type Player={
    name:Name,
    age?:Age
}

function playerMaker(name:string) : Player{
    return {
        name ,

    }
}

const hojin=playerMaker("hojin")
hojin.age=12

🤗 playMaker의 리턴 타입을 Player로 정해줌으로써 hojin.age=12 가 가능하다
만약 :Player를 해주지 않으면 name이 담긴 객체만 돌려주는 데 리턴 타입을 Player로 해주면 Player 타입으로 리턴해준다고 해주었기 때문에 age를 사용하는 게 가능하다.

화살표 함수

function playerMaker(name:string) : Player{
    return {
        name ,

    }
}
이것을 화살표 함수로 바꾸면 

const playerMaker=(name:string):Player=>({name})

이렇게 바꿀 수 있다. 
728x90

'타입스크립트' 카테고리의 다른 글

Optional type  (0) 2022.06.21
추론 타입, 명시 타입  (0) 2022.06.21

댓글