콜백 함수

allzeroyou·2022년 7월 17일
0

🌐 React

목록 보기
3/5

어떤 함수의 매개변수함수를 넘겨준 것을 의미!

function checkMood(mood) {
  if (mood == "good") {
    // 기분 좋을 때 하는 동작
    sing();
  } else {
    // 기분이 안좋을 때 하는 동작
    cry();
  }
}

function cry() {
  console.log("ACTION: CRY");
}
function sing() {
  console.log("ACTION: SING");
}
function dancec() {
  console.log("ACTION: DANCE");
}

checkMood("good"); // ACTION: SING 이 출력될 것!

function checkMood(mood, goodCallback, badCallback) {
  if (mood == "good") {
    // 기분 좋을 때 하는 동작
    goodCallback();
  } else {
    // 기분이 안좋을 때 하는 동작
    badCallback();
  }
}

function cry() {
  console.log("ACTION: CRY");
}
function sing() {
  console.log("ACTION: SING");
}
function dance() {
  console.log("ACTION: DANCE");
}
checkMood("sad", sing, cry);


  1. cry, sing 함수checkMood의 매개변수로 전달
  2. 이때, sing 함수는 checkMood 매개변수의 goodCallback으로, cry 함수는 badCallback으로 매핑
  3. mood가 sad이므로, badCallback 함수인 cry() 실행.
profile
모든 건 zero 부터, 차근차근 헛둘헛둘

0개의 댓글