[타입스크립트] 콜백 함수를 받는 법

함수의 콜백 타입(Callback Type)은 어떻게 사용하는지 알아보자

 

function add(n1: number, n2: number, cb: (number : number) => void) {
  const result = n1 + n2;
  cb(result);
}

function printConsole(result) {
  console.log(result);
}

add(1, 3, printConsole);

 cb 라는 파라미터 변수명을 지어주고 타입이 함수임을 설정한다 () => 리턴형태 

-> printConsole의 함수에 return이 없으니 void를 명시해주는 것'

 

위에서는 cb : () =>  void 설정했으니 이 parameter는 함수이며 void 값을 리턴할꺼야를 말해준다

 

리턴값이 number  또는 string일 경우 다음과 같이 사용할 수 있다

function add(n1: number, n2: number, cb: (number : number) => number) {}
function add(n1: number, n2: number, cb: (number : number) => string) {}

 

Things to remember

return 을 반환하는 함수가 있어도 void 콜백함수로 받을 수 있다

function add(n1: number, n2: number, cb: (number : number) => void) {
  const result = n1 + n2;
  cb(result);
}

function printConsole(result) {
  console.log(result);
  return true // 나 여기 리턴!
}

add(1, 3, printConsole);