TypeScript - TS 인터페이스(1)

코드의 재사용과 가독성을 위해 인터페이스를 사용한다. 

*인터페이스의 이름은 대문자로 짓는다*

함수의 타입값에 맞게 인터페이스를 만든다

인터페이스

b?: number에 ?의미는 만약 리턴값에 b값이 없어도 정상적으로 실행 할 수 있게 하는 옵셔널 파라미터 이다.

 

일일이 타입값을 작성한 함수(test6)와 인터페이스를 활용한 함수(test7)의 가독성 차이이다.

차이점

또한 인터페이스의 장점인 코드 재활용, 메소드 정의, read only가 있다

1. 코드 재활용

먼저 함수의 파라미터  타입값 설정으로사용 할 수 있다.

파라미터 타입값 설정

2. 메소드 정의 

메소드 정의

메소드 정의는 두 가지 방법으로 정의가 가능하다. 

 

3. readonly기능

인터페이스에서 설정한 값을 변경 할 수 없게 하는 설정이다.

readonly

 

readonly가 설정된 a값을 변경하려고 하면 오류가 발생한다.

오류