CallBack 함수 기초

목표 : 콜백함수의 기본적인 이해

아래의 두 코드는 기분에 따라 콘솔로그를 출력하는 함수다.

---

function checkMood(mood) {
    if(mood === "good") {
        happy();
    } else {
        cry();
    }
}
function cry() {
    console.log("sad :(")
}
function happy(){
    console.log("happy :)")
}
function dance() {
  	console.log("dance @@@")
}

checkMood("good");

• 이런식으로 하면 고정된 동작 밖에 하지 못한다.
• dance함수를 사용하려면 dance(); 를 checkMood함수의 if문안에 추가해줘야한다.

function checkMood(mood, goodCallback, badCallback) {
    if(mood === "good") {
        goodCallback();
    } else {
        badCallback();
    }
}
function cry() {
    console.log("sad :(")
}
function happy(){
    console.log("happy :)")
}
function dance() {
  	console.log("dance @@@")
}

checkMood("good", happy, cry);
checkMood("good", happy, dance);

• checkMood 함수는 string인자, 함수, 함수 를 매개변수로 받는다.
• 이렇게 조금 더 유연하게 사용할 수 있다.

---

개념 간단 정리

프로그래밍에서의 콜백함수는 실행가능한 함수를 인자로 넘겨주는것을 말한다.
콜백을 넘겨받는 코드는 필요에 따라 즉시 실행하거나 원할때 실행 가능하다.

콜백함수는 자바스크립트의 비동기 처리 방식의 문제점을 해결하기위해 특정 시점에 어떤 함수가 실행되기를 원할때 사용하는 함수다.