자바스크립트 콜백함수란?

콜백 함수의 개념

콜백(callback) 함수는 다른 함수의 매개변수로 전달되어 특정한 작업을 실행하는 함수입니다. 콜백 함수는 코드의 가독성을 높여주고, 비동기적인 처리를 할 수 있게 해줍니다.

// 예제: 콜백 함수를 이용한 setTimeout 함수 사용하기
function runAfterFiveSeconds(callback) {
    setTimeout(() => {
        callback();
    }, 5000);
}

runAfterFiveSeconds(() => {
    console.log('Five seconds have passed');
});

위 예제에서 runAfterFiveSeconds 함수는 5초가 지난 후에 콜백 함수를 실행합니다. 이를 통해 콜백 함수 내부에서 원하는 동작을 처리할 수 있습니다.

자바스크립트 콜백함수의 활용

자바스크립트에서 콜백 함수는 많은 곳에서 활용됩니다. 주로 비동기적인 처리에 많이 사용되며, 이벤트 핸들러나 배열의 forEach 메서드에서도 콜백 함수를 사용할 수 있습니다.

// 예제: 콜백 함수를 이용한 이벤트 핸들러 등록하기
const button = document.querySelector('button');

button.addEventListener('click', () => {
    console.log('Button was clicked');
});

위 예제에서 addEventListener 함수는 버튼 클릭 이벤트가 발생하면 등록된 콜백 함수를 실행합니다.

결론

콜백 함수는 다른 함수의 매개변수로 전달되어 특정한 작업을 실행하는 함수입니다. 자바스크립트에서는 이를 활용하여 비동기적인 처리를 할 수 있으며, 이벤트 핸들러나 배열의 forEach 메서드에서도 콜백 함수를 사용할 수 있습니다.

자바스크립트 콜백

자바스크립트에서는 콜백 함수가 많이 사용되며, 이를 통해 비동기적인 처리를 할 수 있습니다. 콜백 함수는 다른 함수의 매개변수로 전달되어 특정한 작업을 실행하는 함수입니다. 이를 활용하여 이벤트 핸들러나 배열의 forEach 메서드에서도 콜백 함수를 사용할 수 있습니다.