TypeScript - TS 인터페이스(2) 사용방법

1. 같은 이름의 Interface일 때 내용이 합쳐진다.

사용이유 : 다른 라이브러리의 .d.ts 파일에 타입 값을 추가시키기 편리하다

interface Test {
  a:0
 }
 interface Test {
  b:'hi'
 }
 
 ====>
 interface Test {
  a:0
  b:'hi'
 }

 

2. key of 인터페이스 명

사용이유 : 타입을 정해 줄 때 중복 값을 줄일 수 있다.

(예시

 interface Example {
  a:'hellow'
  b: 9
 }

 

 

인자 값의 타입을 설정 할 때 

 

Example의 key (a, b) 값을 사용하려면 

keyof Example

Example의 value ('hellow', 9) 값을 사용하려면 

Example[keyof Example]

 

3. as 인터페이스명

사용이유 : 타입을 더 좁게 설정 해줄 수 있다.

타입이 광 범위 하게 설정 되어 있을 때 타입 값을 줄여 줄 수 있다.

 

4. 인터페이스 상속 방법

interface Parents {
  Pnum1:number
  Pnum2:number
}

interface Child extends Parents {
  Pnum3:number
  Pnum4:number
}

생성 인터페이스명 extends 상속받는 인터페이스 명

 

5. 인터페이스 다중 상속 방법

interface Parents1 {
  Pnum1:number
  Pnum2:number
}

interface Parents2 {
  Pnum3:number
  Pnum4:number
}

interface Child extends Parents1, Parents2 {
  Pnum5:number
  Pnum6:number
}

 생성 인터페이스명 extends 상속받는 인터페이스 명 , 상속받는 인터페이스 명 

, 로 다른 인터페이스도 상속 받을 수 있다.