TypeScript 변수 선언7 - function(함수), callback function

 

이번 글에는 저번과 조금 다르게 function에 콜백함수를 넣겠습니다. 콜백함수또한 TypeScript에서 타입을 지정을 할수 있습니다.

// call back함수를 사용하는 함수

function addAndHandle(n1: number, n2: number, cb: (num: number) => void) : void{

const result = n1 + n2;

cb(result); // call back함수 사용

}

위 코드는 3개의 인자를 받습니다. 2개의 number와 1개의 콜백함수 입니다. 이제 이전 글에서와 같이 콜백함수에 대한 type도 정의할수 있습니다. 콜백함수는 1개의 인자(number)를 받을수 있고 return값은 void입니다. 코드를 확인하면 2개의 숫자를 더한후 콜백함수의 인자로 사용하는 것을 알수 있습니다.

const app = (num1 : number) => {

const result = num1*num1;

console.log("num1의 제곱근 : ", result);

}

이제 임의의 콜백함수를 만들었다. 위 코드에서 인자를 제곱한후 콘솔log로 출력한다. 간단하지만 addAndHandle의 콜백함수 타입과 같다.

위와 같이 node에서 실행하면 console.log로 출력되는 것을 확인할수 있습니다.

// Arrow Function을 콜백으로 사용해도 동일한 결과가 나옴

addAndHandle(5,2,(result) => {

result *= result;

console.log("num1의 제곱근 : ", result)

})