Callback Function

함수

• 프로그램 안에서 각각의 작은 기능들을 수행하는 것
• 재사용이 가능 합니다.
• 하나의 함수는 한 가지의 일만 하도록 만드는 것이 좋습니다.
• 함수의 이름을 보고 함수의 기능을 알 수 있어야 합니다.

// 기본형
function 함수명 (){
     코드
};
함수명() // 호출

// 매개변수
function 함수명 (매개변수){
     코드
};
함수명(매개변수) // 호출

콜백함수 ?

• 함수 안에 함수를 전달해서 상황에 맞게 함수를 부르는 것
• 즉, 파라미터(매개변수)로 함수를 전달하여 함수의 내부에서 실행되는 함수를 콜백함수라 합니다.

// printYes, printNo 등 함수가 파라미터로 전달되어
// 조건에 맞게 함수가 호출된다.
function random(answer, printYes, printNo) {
  if (answer === 'apple') {
    printYes()
  } else {
    printNo()
  }
}

// 익명 함수
const printYes = function () {
  console.log('yes')
}

const printNo = function print() {
  console.log('no')
}
random('apple', printYes, printNo) // yes
random('banana', printYes, printNo) // no
random('melon', printYes, printNo) // no

참고

• 코드 안식처
• https://ko.javascript.info/callbacks
• 자바스크리트_콜백함수
• https://deftkang.tistory.com/20