📌 javascript 개념 #8 콜백함수

콜백함수

콜백함수란 ?

-> 나중에 다시 불려지는 함수
-> 특정 이벤트에 의해 호출되는 함수
-> 다른 함수의 인자로써 넘겨주는 실행가능한 코드

콜백함수를 설명한 그림

callback의 일반적 예시

function div(x, y) {
  return x / y;
}
function calculator(callback, x, y) {
  return callback(x, y);
}

console.log(calculator(div, 7, 3)); 
// 2.3333333333333335

또 다른 예

function ask(question, yes, no) {
  if (confirm(question)) yes()
  else no();
}

function showOk() {
  alert( "동의" );
}

function showCancel() {
  alert( "취소" );
}


ask("동의", showOk, showCancel);
// 함수 showOk와 showCancel가 ask 함수의 인수로 전달됨

여기서 보면 더 이해가 잘 되는데, 한마디로 콜백함수는 미리 만들어놓고 가져다 쓴다고 이해하면 편하다. 여기서는 showOk, showCancel를 콜백함수라고 한다.

즉, 함수를 함수의인수로 전달하고 인수로 전달한 함수를 나중에 호출 (callback)하는 것이 콜백함수의 개념이다.

위에서는 yes() 자리에 showOk 함수가 들어가고, no() 자리에 showCancel 함수가 들어간다.