[TypeScript] 함수

타입스크립트(Typescript)에서의 함수

---

웹 어플리케이션을 구현할 때 자주 사용되는 함수는 타임스크립트로 크게 3가지 타입을 정의할 수 있다.

• 함수의 파라미터(매개변수) 타입
• 함수의 반환 타입
• 함수의 구조타입

함수의 기본적인 타입선언

기본 자바스크립트 함수 코드

function sum(a, b) {
	return a + b;
}

타입스크립트 함수 코드

// 위 자바스크립트 함수에 타입을 부여한다.
function sum(a: number, b: number): number{
	return a + b;
}

기존 자바스크립트 함수의 선언 방식에서 배개변수와 함수의 반환 값에 타입을 추가해주면 된다.

<aside> ✅ 함수에 return이 없거나, return이 있더라도 반환하는 값이 없으면 함수의 반환타입을 void로 지정한다.

</aside>

함수의 인자

타입스크립트에서는 함수의 인자를 모두 필수 값으로 간주한다.

따라서 함수의 매개변수를 설정하면 undefined 나 null 이라도 인자로 넘겨야하며

컴파일러에서 정의된 매개변수 값이 넘어 왔는지 확인한다.

function sum(a: number, b: number): number {
  return a + b;
}
sum(10, 20); // 30
sum(10, 20, 30); // error, too many parameters
sum(10); // error, too few parameters

 

참고 - 타입스크립트 핸드북