저번에 타입스크립트에서 객체를 선언할 때 선택적으로도 인스턴스를 선언할 수 있는 걸 보았다. 하지만 만약에 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 |
댓글