본문 바로가기
FE/TypeScript

[TypeScript] Type Alias, Interface

by 백승전 2022. 9. 14.

 

type alias

 

 

객체나 자주 사용하는 타입은 type alias라는 타입 변수를 통해 필요할 때마다 가져다 쓰는 게 가능합니다.

 

 

함수에도 type alias 타입 변수 사용이 가능합니다.

이때 함수선언식이 아닌 함수표현식으로 선언을 해야 하고 중괄호 생략이 가능합니다.

 

Interface

 

 

Interface도 보면 앞서 설명드린 type alias와 크게 다를 게 없습니다.

실제로도 기능은 거의 비슷하며, 가장 큰 차이점은 확장 가능/불가능 여부입니다.

 

interface extends

 

아래의 이미지를 보시면,

 

 

두 개의 interface가 있지만, 안에 name이 겹치는 것을 알 수 있습니다.

여기서 저 name을 가지고 올 수 있다면, name이 중복될 일도 없을 것이고, 코드도 훨씬 간단해질 겁니다.

 

이때 interface는 extends를 사용하여 확장이 가능합니다.

 

 

AType에 있는 name을 확장하면서, age 속성을 추가한 것입니다.

 

'FE > TypeScript' 카테고리의 다른 글

[TypeScript] Class  (0) 2022.09.14
[TypeScript] 그 외 타입  (0) 2022.09.14
[TypeScript] 기본 타입  (0) 2022.09.14

댓글