함수 선언과 typescript

typescript의 함수 선언

• 선언시에 타입설정, 호출할 땐 기존처럼 매개변수 타입셜정과 함수의 return 타입에 따라 함수 전체 타입을 설정할 수 있다.

단, 이미 알고 있는 타입 외에도 never와 void라는 함수 리턴 타입을 설정할 수 있다.

 

typescript 함수 선언 방식

 

1. 파라미터와 리턴 타입을 선언하는 기본 형식

 

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

 

2. 화살표 함수를 이용한 타입 선언

 

const sum = (a: number, b : number) : number => {
return a + b;
}

const sum = (a: number, b: number) : number => a+b;
//한줄의 간단한 연산의 경우, 리턴을 생략하여 선언하는 것이 가능함

 

JS vs.TS

JavaScript에선 c 변수를 전달해주지 않아도 오류가 아닌 undefined가 전달되어 계산식이 성립한다.

하지만 TypeScript에선 호출해준 a, b, c값을 모두 전달해주지 않으면 에러가 발생한다.

 

function print(a: number, b: number, c?: number) {
 console.log(a);
 console.log(b);
 console.log(c);
 }
 print(1, 2);

function print(a: number, b: number, c?: number = 3) {
 console.log(a);
 console.log(b);
 console.log(c);
 }

 

만약, 세번째 매개 변수인 c에게 값이 전달되지 않은 경우가 있다면 ?를 default 값이 존재한다면 = 값을 이용해 기본값을 지정해주어야 에러가 발생하지 않는다.

 

---

void

 

• void 란 비어있다는 의미입니다.

• 리턴이 없는 함수는 void로 설정할 수 있습니다.

 

 

never

• 어떤 조건에서도 함수의 끝에 도달할 수 없을 때 사용