Typescript 인터페이스

 

인라인 어노테이션 인터페이스 선언 모두 동일한 역할을 한다.

인라인

var myPoint: { x: number; y: number }

인터페이스

interface Point {
    x: number
    y: number
}
var myPoint: Point

 

---

 

인터페이스 장점

인라인으로 작성할 경우 너무 길어진다. 가독성이 떨어짐

인터페이스에 정의된 속성을 선택적으로 사용할 수 있다. 재사용 가능하다.

인터페이스에 정의되어 있지 않은 속성에 대해서 인지할 수 있다.

 

선택적 사용 예시

interface CraftBeer {
  name: string;
  hop?: number; // 선택적
  readonly brand: string // 변경불가
}