[자바스크립트] 콜백(Callback) 정리

콜백이란?

함수의 인수(argument)로 사용되는 함수

 

예시

timeout은 인수가 없고 3초 뒤에 콘솔창에 maple을 출력하는 함수다

function timeout() {
  setTimeout(() => {
    console.log(‘maple’)
  }, 3000)
}

timeout();

 

timeout 함수의 인수로 함수를 전달할 수도 있는데 이렇게 어떤 함수의 인수로 사용되는 함수를 콜백함수라고 한다.

timeout(() => {
  console.log(‘Done’)
});

 

timeout 함수에 콜백함수를 전달해주고 싶기 때문에 이를 받아줄 매개변수도 등록해준다. 이때 매개변수로 받아준 함수를 timeout 함수 안에서 실행하기 위해 cb() 호출해준다

function timeout(cb) {
  setTimeout(() => {
    console.log(‘maple’)
    cb()
  }, 3000)
}

timeout(() => {
  console.log(‘Done’)
});