[JavaScript] 콜백함수 개념

자바스크립트에는 콜백함수가 많이 쓰인다.

이는 함수를 재활용하고 유연하고 다양한 동작의 개발이 가능하다.

 

//콜백 함수

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

const printResult = (result) => {
  console.log("더하기 값은 : " + result);
};

const doubleResult = (result) => {
  console.log("2를 곱한 값은 : " + result * 2);
};

calculator(2, 3, printResult);
calculator(4, 5, doubleResult);

 

 

• callback(result)는 "callback 자리에 있는 함수를 호출해라"는 뜻이고
• 그 callback 자리에 printResult가 들어갔으니까
• 결국 printResult(result)를 실행됨

doubleResult도 마찬가지이기에 따로 부연설명은 하지 않음

정리하면, callback 자리에는 결국 함수가 들어간다고 생각하면 됨!

[코드 쉽게 정리]

//원래 함수
const calculator = (a, b, callback) => {
  const result = a + b;
  callback(result);
};

//실제로 실행되는 함수 변형
const calculator = (a, b, printResult) => {
  const result = a + b;
  printResult(result); //callback자리에 printResult 함수가 들어감
};