JavaScript 콜백

콜백함수는 함수가 실행될떄 인수로 들어가는 또 하나의 함수를 말합니다.

함수는 함수명 뒤에 소괄호()를 작성하면 실행할 수 있습니다. 소괄호를 붙이기 전에는 그저 함수 데이터입니다.

이런 함수 데이터를 다른 함수의 인수로 전달하면서 그 함수 내부에서 호출할 수 있습니다.

const a = (x, y, callback) => { //callback이라는 매개변수가 함수 데이터를 받습니다
  callback();
  return x+y;
}

주로 순차적으로 실행시키고 싶을때 사용합니다.

addEventListener도 콜백함수입니다. 버튼을 눌렀을 때, 함수가 실행됩니다.

document.querySelector('button').addEventListener('click', function(){
  console.log('클릭시 실행됩니다');
})