sharingStorage

Typescript - interface 본문

Front-End/Typescript

Typescript - interface

Anstrengung 2021. 12. 22. 17:32

<Interface>

인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미합니다.

타입스크립트에서의 인터페이스는 보통 다음과 같은 범주에 대해 약속을 정의할 수 있습니다.

 

  • 객체의 스펙 (속성의 타입)
  • 함수의 파라미터
  • 함수의 스펙 (파라미터, 반환타입 등)
  • 배열과 객체를 접근 하는 방식
  • 클래스

 

다음은 interface의 간단한 예제입니다. 

interface 간단한 예제
변수와 함수에 인터페이스 활용

 

 

 

함수의 구조에 인터페이스를 활용

잘못된 sum 함수 정의

 

sum의 구조는 SumFunction 인터페이스가 정의하고 있으므로 sum에 인자가 3개들어갈 수 없다. 따라서

올바른 sum 함수 정의

 

 

배열의 인덱싱 방식도 인터페이스로 정의할 수 있다.

 

 

인터페이스를 활용한 딕셔너리 패턴 - 문자열과 정규표현식이 들어가야함

 

 

 

인터페이스의 확장

 

'Front-End > Typescript' 카테고리의 다른 글

Typescript - tsconfig.json 생성  (0) 2021.12.22
Comments