[JS]콜백함수

콜백 함수(callback function) 란?

다른 함수에 매개변수로 전달되어 실행되는 함수를 의미한다.

---

중복된 기능을 콜백 함수로 정리하기

const printResult = (a, b) => {
    let result = a + b;
    console.log("결과:", result);
};

const doubleResult = (a, b) => {
    let result = a + b;
    console.log("결과에 2를 곱한 값:", result * 2);
};

printResult(5, 3);
doubleResult(5, 3);

 

위 코드를 보면, a + b를 계산하는 부분이 중복되어 있다.

const calculate = (a, b, callback) => {
  let result = a + b;
  callback(result);
};

const printResult = (result) => {
  console.log("결과:", result);
};

const doubleResult = (result) => {
  console.log("결과에 2를 곱한 값:", result * 2);
};

calculate(5, 3, printResult);
calculate(5, 3, doubleResult);

 

위 코드에서 calculate 함수는 두 수를 더한 후, 세 번째 인자로 받은 콜백 함수를 호출하여 결과를 전달한다.
이처럼 함수의 실행 결과를 원하는 방식으로 처리하고자 할 때, 콜백 함수를 활용하면 코드의 재사용성과 유연성을 높일 수 있다.

 

콜백함수를 화살표 함수로 간단하게 표현하기

const testFunc = (callback) => {
    callback();
};

testFunc(() => {
    console.log('콜백 함수 테스트');
});