Typescript - 함수 타입 정의

Jaemin Jung·2021년 12월 6일
0

Typescript

목록 보기
4/13
post-thumbnail

함수의 기본적인 타입 선언

타입스크립트는 자바스크립트와 달리 함수에도 타입을 선언 가능하다.

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

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

함수의 옵셔널 파라미터

기존 자바스크립트는 유연한 코드가 작성이 가능하다.
예를 들어서 다음과 같이 인수를 2개 받는 함수를 정의하였을때, 함수 호출시 2개 이상의 인수를 전달하여도 함수는 정상 작동한다.
다만, 정의된 인수의 개수를 넘는 인수는 인식 되지는 않는다.

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

sum(10, 20, 30, 40, 50) // a: 10 b: 20, return 30

하지만 타입스크립트에서는 함수에 정의된 2개의 인수보다 적거나 클 경우 에러를 발생시킨다.
그렇다는 것은 타입스크립트는 정의된 함수의 내용까지 모두 알고있다는 뜻이다.

만약에 정의된 함수를 호출할 때 이러한 제한을 피하고 싶다면, 필수적 인수를 제외한 선택적 인수에는?를 사용한다.

// 함수의 옵셔널 파라미터
function log(a: string, b?: string) {
	
}
profile
내가 보려고 쓰는 블로그

0개의 댓글