JavaScript 콜백함수

석준수·2022년 6월 9일
0

JavaScript

목록 보기
5/9

콜백함수

콜백함수는 쉽게 말해서 다른 함수가 실행이 끝난 뒤 실행되는 callback 되는 함수를 의미하고 parameter로 함수를 받아서 사용합니다.

function checkMood(mood, goodCallback, badCallback) {
  if (mood === "good") {
    goodCallback();
    // 기분 좋을 때
  } else {
    badCallback();
  }
}

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

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

checkMood("good", sing, cry); // sing
checkMood("bad", sing, cry); // cry 

위 코드처럼 파라미터를 함수로 받아와서 사용하고
goodcallback 인자에는 sing함수가 값으로 들어왔습니다.
함수에 값을 담는 것은 함수표현식이라고 앞서 표현하였습니다.
콜백함수는 함수표현식의 개념을 이용하여 매개변수에 함수 자체를 담았습니다
if else 문을 보면 goodcallback 과 badcallback 이라는 매개변수를 호출하고 있는데
이는 다시 말하면 함수를 담고 있기 때문에 함수 자체를 호출하는것과 같습니다.

이처럼 콜백함수는 함수의 파라미터로 함수를 넘겨서 함수를 좀 더 쉽게 사용하게 도와주는 함수 입니다.

profile
석준수 입니다.

0개의 댓글