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인자, 함수, 함수 를 매개변수로 받는다.
- 이렇게 조금 더 유연하게 사용할 수 있다.
개념 간단 정리
프로그래밍에서의 콜백함수는 실행가능한 함수를 인자로 넘겨주는것을 말한다.
콜백을 넘겨받는 코드는 필요에 따라 즉시 실행하거나 원할때 실행 가능하다.
콜백함수는 자바스크립트의 비동기 처리 방식의 문제점을 해결하기위해 특정 시점에 어떤 함수가 실행되기를 원할때 사용하는 함수다.
Author And Source
이 문제에 관하여(CallBack 함수 기초), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@spacebelt/CallBack-함수-기초저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)