상세 컨텐츠

본문 제목

[TypeScript] interface extends

Coding/TypeScript

by hwlink 2022. 4. 29. 00:49

본문

Extending Interfaces

클래스처럼, 인터페이스들도 확장(extend)이 가능합니다. 이는 한 인터페이스의 멤버를 다른 인터페이스에 복사하는 것을 가능하게 해주는데, 인터페이스를 재사용성 높은 컴포넌트로 쪼갤 때, 유연함을 제공해줍니다.

interface Pet {
  name: string;
  age: number;
}

interface Tory extends Pet {
  breed: string;
}

interface Plants extends Pet {
  type: string;
}

const value: Plants = {
  name: 'trav',
  age: 2,
  type: 'cactus',
};

인터페이스는 아래 코드처럼 여러 인터페이스를 확장할 수 있어, 모든 인터페이스의 조합을 만들어낼 수 있습니다. ','로 추가해줍니다.

interface Pet {
  name: string;
  age: number;
}
interface Family {
  count: number;
}

interface Home extends Pet, Family {
  address:number;
}

const value: Home = {
  name: 'trav',
  age: 2,
  count: 5,
  address: 'seoul',  

};

관련글 더보기