간단하게 다른 함수에 매개변수로 넘겨준 함수를 말한다.
매개변수로 넘겨받은 함수는 일단 넘겨받고, 때가 되면 나중에 호출(called back)한다는 것이 콜백함수의 개념이다.
function greeting(name) { alert('Hello ' + name); } function processUserInput(callback) { var name = prompt('Please enter your name.'); callback(name); } processUserInput(greeting);
콜백함수의 이유에 대해 설명을 할 때 변수의 유효범위(scope)에 대한 이야기도 하고 동기/비동기(Synchronous/Asynchronous) 처리에 대해 더 이해해보자 (아직 코어자바스크립트 읽기 진행중....)
const loadImage = (callback) => {
const img = new Image();
const imgCover = new Image();
img.src = imgSrc;
imgCover.src = imgSrc_cover;
img.addEventListener("load", () => {
fnDrawImage(img, canvas1, context1);
fnDrawImage(imgCover, canvas2, context2);
callback();
});
};
>
loadImage(handleClickColor);