[JS] callback 함수!!

최송희·2021년 4월 19일
0

Callback함수란?

간단하게 다른 함수에 매개변수로 넘겨준 함수를 말한다.
매개변수로 넘겨받은 함수는 일단 넘겨받고, 때가 되면 나중에 호출(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);

0개의 댓글