03 TypeScript - function

3. function

TypeScript에서 달라진 function에 대해 알아보자.

이전 타입에 대한 글에서도 나왔지만 function의 return 값의 타입을 지정해 줄 수 있다.

void, string, number 등등

void 외의 타입은 return 값을 반드시 가져야 한다.

그리고 input 변수에서 타입을 지정해 줄 수 있다.

여기서 기존 JavaScript와 다른 점은 지정한 input 인수 갯수와 실제로 함수를 불러와 사용할 때 인수의 갯수가 다르면 에러가 난다.

반드시 맞춰줘야 한다.

만약에 인수를 사용할 수도 있고, 안 할 수도 있게 사용하고 싶다면 선택 인수를 사용해야한다.

예제를 보면서 확인해 보자.

기존의 JavaScript는 정해놓은 인수보다 적거나 많은 인수를 받아도 알아서 동작했다.

그러나 TypeScript에서는 정해놓은 인수와 받는 인수가 다르다면 에러가 발생한다.

위와 같이 func 함수는 2개의 인수를 필요로 하는데 0개의 인수를 가져왔으므로 에러가 발생한다.

이처럼 인수를 몇 개 받을지 알 수 없는 상황에서는 array로 인수를 받을 수 있다.

선택적 매개변수 형태로 사용하면 된다. (타입 배열로 지정한다는 것 외에는 JavaScript의 문법과 동일하다.)

아니면 자바처럼 overloading을 사용할 수 있다.

사용 방법은 다음 예제를 보면서 익혀보자.

overload할 함수를 앞서 선언하고, 모든 overload를 수용할 수 있는 함수를 만든다.

이 때 선택인수를 사용해서 처리해준다.

func6의 경우 any이지만 number나 string 이외의 값은 사용할 수 없다. (에러발생)