언어/TypeScript

함수 타입

calendar2 2024. 8. 22. 17:18

일반적인 함수 타입

타입스크립트는 함수를 선언할 때도 타입을 정의한다. 기본적으로 다음과 같이 사용할 수 있다.

함수 타입 1

매개변수의 갯수가 가변적일 경우

함수에 사용되는 매개변수가 일정하지 않을 경우가 있다. 다음 예를 보자.

매개 변수가 다를 경우

 

들어오는 매개변수를 모두 더하는 함수로 만들고 싶은데 매개변수의 갯수가 다르게 들어와서 문제가 발생한다.

그냥 매개변수를 리스트로 받으면 되지

 

라는 해결방법도 있으나 이런 방식으로 해결도 가능하다.

매개 변수가 다를 경우 타입 정의

함수 타입 표현식

함수의 타입 또한 타입 별칭을 이용해서 표현할 수 있다. 코드가 길어질수록 타입의 재사용성도 증가하므로 그때그때 선언하기 보다는 다음과 같이 재사용성이 높게 설계하면 좋다.

함수 타입 표현식

호출(콜) 시그니처

함수 타입 표현식을 다음과 같이 작성하는 것도 가능하다. 마치 function으로 함수를 선언하는 것과 화살표 함수를 사용하는 것이 똑같은 의미이듯이 이 방식도 똑같이 타입이 정의된다.

호출 시그니처

참고자료

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

 

한 입 크기로 잘라먹는 타입스크립트(TypeScript) 강의 | 이정환 Winterlood - 인프런

이정환 Winterlood | 문법을 넘어 동작 원리와 개념 이해까지 배워도 배워도 헷갈리는 타입스크립트 이제 제대로 배워보세요! 여러분을 타입스크립트 마법사🧙🏻‍♀️로 만들어드립니다., 프론

www.inflearn.com

 

'언어 > TypeScript' 카테고리의 다른 글

함수 타입의 호환성과 오버로드  (0) 2024.08.23
TypeScript 환경 설정  (2) 2024.08.22
서로소 유니온 타입  (0) 2024.08.20
타입 좁히기  (0) 2024.08.20
타입 단언  (0) 2024.08.15