Callback Function

함수

• 프로그램 안에서 각각의 작은 기능들을 수행하는 것
• 재사용이 가능 합니다.
• 하나의 함수는 한 가지의 일만 하도록 만드는 것이 좋습니다.
• 함수의 이름을 보고 함수의 기능을 알 수 있어야 합니다.

// 기본형
function 함수명 (){
     코드
};
함수명() // 호출

// 매개변수
function 함수명 (매개변수){
     코드
};
함수명(매개변수) // 호출

 

콜백함수 ?

• 함수 안에 함수를 전달해서 상황에 맞게 함수를 부르는 것
• 즉, 파라미터(매개변수)로 함수를 전달하여 함수의 내부에서 실행되는 함수를 콜백함수라 합니다.

const printYes = function () {  
console.log('yes')  
}

const printNo = function print() {  
console.log('no')  
}  
random('apple', printYes, printNo) // yes  
random('banana', printYes, printNo) // no  
random('melon', printYes, printNo) // no

printYes, printNo 등 함수가 파라미터로 전달되어 
// 조건에 맞게 함수가 호출된다. 
function random(answer, printYes, printNo) { if (answer === 'apple') { printYes() } else { printNo() } }

 

참고

• 코드 안식처
• https://ko.javascript.info/callbacks
• 자바스크리트_콜백함수
• https://deftkang.tistory.com/20