2-8. 콜백함수

2022. 6. 17. 13:31React/한입 크기로 잘라 먹는 리액트(React.js)

콜백 함수 - 다른함수에 매개변수로 함수를 넘겨주는 것

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

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

우선 이렇게 짤 수 있는데 매번 함수를 바꿔줘야하는 귀찮음이 있다.

더보기
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("good", sing, cry);
checkMood("sad", sing, cry);

 

 

 

 

 

 

 

 

 

'React > 한입 크기로 잘라 먹는 리액트(React.js)' 카테고리의 다른 글

2-10. 배열  (0) 2022.06.17
2-9. 객체  (0) 2022.06.17
2-7. 함수 표현식 & 화살표 함수  (0) 2022.06.09
2-6. 함수  (0) 2022.06.09
2-5. 조건문  (0) 2022.06.08