TypeScript - TS 인터페이스(1)
2021. 7. 24. 17:25ㆍTypeScript
코드의 재사용과 가독성을 위해 인터페이스를 사용한다.
*인터페이스의 이름은 대문자로 짓는다*
함수의 타입값에 맞게 인터페이스를 만든다
b?: number에 ?의미는 만약 리턴값에 b값이 없어도 정상적으로 실행 할 수 있게 하는 옵셔널 파라미터 이다.
일일이 타입값을 작성한 함수(test6)와 인터페이스를 활용한 함수(test7)의 가독성 차이이다.
또한 인터페이스의 장점인 코드 재활용, 메소드 정의, read only가 있다
1. 코드 재활용
먼저 함수의 파라미터 타입값 설정으로사용 할 수 있다.
2. 메소드 정의
메소드 정의는 두 가지 방법으로 정의가 가능하다.
3. readonly기능
인터페이스에서 설정한 값을 변경 할 수 없게 하는 설정이다.
readonly가 설정된 a값을 변경하려고 하면 오류가 발생한다.
728x90
반응형
'TypeScript' 카테고리의 다른 글
TypeScript - Class(2) Constructor, Access Modifiers, getter,setter (0) | 2021.07.25 |
---|---|
TypeScript - Class(1) (0) | 2021.07.25 |
TypeScript - 함수 매개변수 타입 설정 (0) | 2021.07.25 |
TypeScript - TS 열거형 (enum), 리터럴 타입 (0) | 2021.07.25 |
TypeScript - TS 타입 추론, 타입 명시 (0) | 2021.07.24 |