본문 바로가기
Javascript

JAVASCRIPT Callback() 함수

by titlejjk 2023. 5. 26.

Javascript에서 callback()함수는 프로그래밍에서 다른 함수에 전달되어 실행되는 함수이다.

  1. 함수전달
    callback()함수는 다른 함수에 인자로 전달된다. 이때, 전달되는 함수는 일반적으로 호출되는 함수에 의해 실행된다.
    callback()함수는 함수 자체가 값으로 취급되는 "일급함수"의 개념에 기반한다.
  2. 비동기처리
    callback()함수는 주로 비동기 처리에서 사용된다. 비동기 작업은 결과를 기다리지 않고 다음 코드를 실행하는 것을 의미한다.
    예를들어 파일을 읽거나 네트워크 요청을 보내는 작업은 시간이 오래 걸릴 수 있으므로, 비동기 방식으로 처리한다.
    이때, 작업이 완료되면 callback()함수가 호출되어 결과를 처리한다.
  3. 이벤트처리
    callback()함수는 이벤트 기반 프로그래밍에서도 자주 사용된다. 이벤트는 사용자의 동작이나 시스템에서 발생하는 사건을 의미한다.
    버튼을 클릭하거나 타이머가 만료되는 등의 이벤트가 발생할 때, 등록된 callback()함수가 실행된다.
    이를 통해 이벤트에 대한 응답을 처리하거나 추가작업을 수행할 수 있다.

callback()함수의 사용 예시👉

function greet(name, callback) {
    console.log("Hello, " + name + "!");

    // callback() 함수 실행
    callback();
}

function sayGoodbye() {
    console.log("Goodbye!");
}

// greet() 함수 호출 시, sayGoodbye() 함수를 callback으로 전달
greet("Alice", sayGoodbye);

위의 예시에서 greet()함수는 이름을 인자로 받아 인사를 출력한 후, callback()함수를 실행한다.
sayGoobye()함수는 greet()함수 호출 시에 callback으로 전달된다.

'Javascript' 카테고리의 다른 글

JAVASCRIPT PreventDefault()  (0) 2023.05.30
JAVASCRIPT Fetch()  (0) 2023.05.30
JAVASCRIPT Canvas  (0) 2023.05.03
JAVASCRIPT 대입연산자  (0) 2023.04.24
JAVASCRIPT 논리연산자  (0) 2023.04.24

댓글