TS, type vs interface
3259 단어 typescriptinterfacetypeinterface
type vs interface
TS에서 type alias의 방법과 interface의 방법을 비교해보자
공통점
TS에서 type alias의 방법과 interface의 방법을 비교해보자
공통점은 type과 interface을 사용해 타입을 정의하고 지정한다는 점이다.
코드
type Animal = {
name: string;
age: number;
}
interface Animal {
name: string;
age: number;
}
둘 다 똑같이 객체에 대입하면 타입이 지정이 된다.
차이점
차이점은 공통점에서의 코드를 봤듯이 선언하는 면에서 type을 쓰고, interface를 쓰고 '='로 선언하냐 안하냐의 차이도 있지만 타입을 확장하는 방법에 가장 큰 차이가 있다.
코드
type Animal = {
name: string;
age: number;
}
interface Animal {
name: string;
age: number;
}
type Person = Animal & {
address: string;
}
interface Person extends Animal {
address: string;
}
type과 interface 둘 다 Person에 Animal의 타입을 확장하고 있지만 확장하는 방법이 다르다.
결론
type과 interface는 확장하는 면에서 가장 큰 차이점을 보인다.
type
= 연산자 후 확장할 타입 alias명과 & 연산자를 붙여서 확장
interface
새로 지정할 interface명과 extends 기호와 확장할 interface명을 붙여서 확장
Author And Source
이 문제에 관하여(TS, type vs interface), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ahngh/TS-type-vs-interface저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)