[타입스크립트] 함수 Function 타입

우리는 지금까지 함수의 parameters나 함수가 반환하는 값에 대해서 타입을 지정하는 것을 보았다

이번에는 함수 타입(Function Type)을 알아보자

 

function add(n1: number, n2: number) {
  return n1 + n2;
}

let combineValues;
combineValues = add;
console.log(combineValues(3, 4)); // 7

let combineValues 를 선언하고 함수 add를 할당해주면 우리는 combineValues를 add와 동일하게 사용한다

 

 

그러면 도중에 combineValues에 5를 넣어주면 어떻게 될까 ?

function add(n1: number, n2: number) {
  return n1 + n2;
}

let combineValues;
combineValues = add;
combineValues = 5;
console.log(combineValues(3, 4));

 

 

실행을 시키면 예상처럼 아래의 오류가 발생합니다

 

 

 

이런 에러를 사전에 방지하기 위해서 변수 선언 시 활용에 따라 타입을 명시해주면 된다

변수 선언 시 용도에 따라 타입을 지정해주면 잘못된 코드를 사전에 방지할 수 있다

 

 

아래는 변수의 타입, 리턴, 파라미터를 같이 표현하는 방법이다

let combineValues: (n1: number, n2: number) => number;

이 변수는 함수로 사용하고 파리미터는 2개이며 number를 반환할거야