[JavaScript] 콜백 함수(Callback)

✨콜백 함수란?

콜백(Callback) 함수는 매개변수 자리에 함수를 전달해서 호출 함수 내에서 매개변수 함수를 실행하는 것을 말한다. 즉, 함수 안에서 실행하는 또 다른 함수라고도 할 수 있다.

코드로 살펴보기

• 함수 선언

function cry() {
console.log("cry");
}
 

function sing() {
console.log("sing");
}
 

function dance() {
console.log("dance");
}

• 일반적인 함수

  checkMood("good");을 실행하면 sing이 출력됨을 알 수 있다

function checkMood(mood) {
      if (mood === "good") {
             sing();
      } else {
             cry();
      }
}
 
checkMood("good");
checkMood("sad");

• 콜백 함수 사용

function checkMoodCallBack(mood, goodCallback, badCallback) {
if (mood === "good") {
goodCallback();
} else {
badCallback();
}
}
 
checkMoodCallBack("good", dance, cry);
checkMoodCallBack("Not bad", dance, sing);

필요한 이유

1. 콜백 함수는 때로는 가독성이나 코드 재사용 면에서도 사용된다.
2. 비동기 방식으로 작성된 함수를 동기 처리하기 위해 필요하다.
3. 동기/비동기란?
   동기: 하나의 요청이 오면 완료가 된 후 다음 요청을 실행하는 방식
   비동기: 어떤 요청이 오면 완료가 되기 전에 다음 요청을 실행하는 방식