웹/TypeScript

[TypeScript] type과 interface 차이,타입 집합

Judith Hopps 2023. 3. 22. 12:21
반응형

TypeScript type과 interface 차이

 

하나의 프로젝트에서 type과 interface 중 한가지 일관된 스타일을 확립하는 것이 좋다.

 

interface type
재선언 O (선언적 확장) 재선언 X
객체만 가능 모든 타입 가능
  computedValue 가능 
ex) [ k in list ] : string
interface의 경우 extends를 이용해서 타입을 확장한다. type의 경우 & 연산자를 이용해서 타입을 확장한다.

 

 

 

type 집합 - &

interface Person {
	name : string
}

interface Lifespan {
	birth : Date,
    death : Date,
}

type personSpan = Person & Lifespan
// type의 경우 & 연산자를 이용해서 타입을 확장한다.

 

 

interface 집합 - extends

interface Person {
	name : string 
}

interface personSpan extends Person {
	birth : Date,
    death : Date,
}

 

반응형